Hello. I can’t code. I want to create an active colored button (not an image) inside a specific post. What code should be written inside the post editor window. This is what I want :point_down: My attempt at coding in the post editor window :point_down: :see_no_evil: [image] Help somebody. Show correct code please :pray: :pray: :pray:

Have a look at this: [image] What are the different ways to customize content inside a post (custom attributes and such) Support So far I’m aware of two way to do it: some text CSS: [data-theme-custom] { color: pink; } [wrap="indent"]some text[/wrap] It will create either a div or a span (if there is other content on the same line), containing the following attributes: class="d-wrap" and data-wrap="custom" CSS [data-wrap="custom"] { color: pink; } Are there other ways to customize some chosen content in a post I’m not aware of? Also, is there a way to add a custom c…

As I understand it, I will not be able to add the button code to the editor window, since it will not work anyway. As I understand it, I won’t be able to add the button code to the editor window and I won’t be able to set the background of a particular post, as it won’t work anyway. And do I need to add some code to the HTML whitelist first? Sorry if I misunderstood something :pray:, I’m not a coding specialist and I don’t speak English well. Now I’m using google translator. [image] Coin-coin le Canapin: Have a look at this: What are the different ways to customize content inside a post (custom attributes and such)

Maybe an image is worth a thousand words :slight_smile: [image] [data-theme-button] a { display: inline-block; padding: 20px 50px; background: #24E927; border-radius: 5px; border: 3px solid #004E7D; color: #004E7D; } If you want to center the button: [data-theme-button] { display: flex; justify-content: center; a { padding: 20px 50px; background: #24E927; border-radius: 5px; border: 3px solid #004E7D; color: #004E7D; } } [image]

Great, this is amazing :exploding_head:. Thank you very much :+1: :+1: :+1: It seems I understood the logic of how to make different button options. Tomorrow I will share with you my experiments with the code In the meantime, I want to ask one more question: what command will be for aligning the button to the right edge of the post. Thank you again :raised_hands:

Is it possible to encode text size and thickness in css?

[image] Aizada M: In the meantime, I want to ask one more question: what command will be for aligning the button to the right edge of the post. [data-theme-button] { display: flex; justify-content: end; a { padding: 20px 50px; background: #24E927; border-radius: 5px; border: 3px solid #004E7D; color: #004E7D; } } [image] Aizada M: Is it possible to encode text size and thickness in css? Yes: use the following attributes: font-size and font-weight With the desired values. Documentation: [image] W3Schools.com W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. [image] W3Schools.com W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. :information_source: I updated my CSS code in my messages to make it cleaner (using flexbox attributes instead of margin to align the button).

Big thanks. Your answer is very important to me. I’m trying to study.

Just to note, that while it’s okay to ask the odd question about tweaking your site here and there, strictly speaking basic CSS and HTML questions are generally better asked on a dedicated forum to that.

[image] Coin-coin le Canapin: [data-theme-button] a { display: inline-block; padding: 20px 50px; background: #24E927; border-radius: 5px; border: 3px solid #004E7D; color: #004E7D; } } When I tried to update the code according to your sample, I got an error. [image] [image] Coin-coin le Canapin: } } But when I removed the second character “}”, the error disappeared [image] Did I do it right?

[image] JammyDodger: лучше задавать на специальном форуме для этой темы: Hello. I understood correctly “dedicated forum”, which has nothing to do with discourse. Or discourse has a separate forum for discussing CSS and HTML issues. (I’m not sure if my browser translates correctly)

I want to create an active colored button (not an image) inside a specific post

Development

Canapin (Coin-coin le Canapin) October 29, 2022, 11:53am 2

Have a look at this:

Topic		Replies	Views
How to embed a button into a Topic Post Development css	5	1211	August 24, 2026
Customize posts' contents with your own styles Developer Guides css	8	3794	March 17, 2023
What's the best way to display an arbitrary button in a post? Product Support	10	863	July 18, 2023
'Custom Post Button' Theme Component Theme component	3	226	August 24, 2026
What are the different ways to customize content inside a post (custom attributes and such) Product Support	8	2881	May 17, 2022

I want to create an active colored button (not an image) inside a specific post

Related topics