Home › Forums › WoodMart support forum › WHAT IS THE CSS CLASS FOR THE ACCENT BUTTONS?
WHAT IS THE CSS CLASS FOR THE ACCENT BUTTONS?
- This topic has 9 replies, 2 voices, and was last updated 4 years, 2 months ago by Elise Noromit.
-
AuthorPosts
-
October 10, 2020 at 3:06 pm #232270
pepeluParticipantDear Friends,
I need you to answer the following questions in order:1º What is the CSS class that corresponds to the accent buttons?
2º Where are they and how can I use those accent buttons?
October 10, 2020 at 7:20 pm #232288
Elise NoromitMemberHello,
All the buttons colors are configured in the Theme Settings > Styles and colors > Buttons.
If you use a button element, there are color options inside the element.
Best Regards
October 10, 2020 at 8:35 pm #232309
pepeluParticipantDear friends, why do you answer something that I have not asked you? Do you understand my English?
You have not understood anything of my question, and I repeat it again and please, I beg that you answer correctly because I have asked you about a CSS class like .btn, or .button, or .btn.buttons.accent:What CSS Class corresponds to the accent button configuration?
I mean is it .btn, or .button, or .btn.buttons.accent, or which one?I want to use the accent button CSS class for various elements.
October 11, 2020 at 7:49 am #232357
Elise NoromitMemberHello,
Here is the class:
.btn.btn-color-primary
Best Regards
October 11, 2020 at 12:07 pm #232402
pepeluParticipantDear Elise, that is not the accent button class, because I choose colors in the theme settings for the accent button, and if I insert in an element the class “.btn.btn-color-primary” does not take the colors that I established in the accent button, but it takes the primary color of the theme!!!.
Please could you assign someone else who really knows the CSS class that corresponds to the accent button?
I am attaching a screenshot of which is the accent button, because it seems as if you don’t know how your theme works.
Thank you very much dear Elise.
Attachments:
You must be logged in to view attached files.October 11, 2020 at 4:15 pm #232431
Elise NoromitMemberHello,
Here is the selector for the accent color
.callto-btn>a:hover
as you can see its structure would not allow you to use it as a class.The best way is the create any custom class, for example,
myaccent
then assign the styles in the Custom CSS and then add to the elements.Best Regards
October 11, 2020 at 4:44 pm #232439
pepeluParticipantDear Elise, actually that CSS class can be used, I have only used the .callto-btn class and this works perfectly and the element that I add that class acquires the colors selected in the accent buttons section.
Could you tell me what is the CSS class for the default buttons?
Thank you very much dear Elise
October 12, 2020 at 9:05 am #232534
Elise NoromitMemberHello,
What do you mean “default buttons”? By default, buttons take primary color. This is
.btn.btn-color-primary
Best Regards
October 12, 2020 at 1:39 pm #232625
pepeluParticipantDear Elise, I was referring to the CSS Class of the DEFAULT BUTTONS COLOR that are in the same section of the accent buttons in Styles and Colors -> Buttons.
Look at the screenshot.Attachments:
You must be logged in to view attached files.October 12, 2020 at 10:27 pm #232772
Elise NoromitMemberHello,
There are two classes for the Default:
btns-default-light
andbtns-default-dark
depending on the Theme Settings > Styles and colors > Buttons.Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register