• Hi,

    I’m trying to change the primary color of the template, because it’s not possible to select an exact hexadecimal color. Is there any CSS’s class for this? Or any solution for this?

    Thank you,

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • You can use the following CSS

    .color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,.has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline,a,blockquote,.border-color-accent,.border-color-accent-hover:hover,.border-color-accent-hover:focus,button:not(.toggle),.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link,.fill-children-accent,.fill-children-accent *,.primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a,.footer-menu a, .footer-widgets a,#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote:before,.singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent,.header-footer-group .color-accent-hover:hover,.social-icons a,#site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button,#site-footer .wp-block-button__link,#site-footer .wp-block-file__button,#site-footer input[type="button"],#site-footer input[type="reset"],#site-footer input[type="submit"] { color: #118758 !important; }

    Just set whatever hex code you want to use at the end, it should overwrite all of the classes that are used when configuring the Primary color in the Customizer.

    Thread Starter juan88

    (@juan88)

    Thank you for your reply Jarret,

    it works in most of elements of the template. However, for buttons is really crazy. Background doesn’t change. I did it with an special class to separate it from ourline buttons too, but it’s not an automatic process, you hace to put the class name in each button that you want.

    You’re welcome! Were you able to get the rest figured out in terms of making changes? Sounds like you did from your reply but just wanted to double check 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing Primary color with CSS’ is closed to new replies.