Docs

[thomas19007]

Hi,

I would like to change the color and shape of the buttons on my website http://www.watchisthis.com
I have changed them in the settings, but they still stay red. Can you please tell me what to do so that I can change the color? Many thanks in advance and have a great day!

With kind regards,

Martin

[Prasant Rai]

Hello Martin,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.pagination a:hover, .pagination span.current {color: #ddd !important;border-color: #000 !important;}

Thanks.

[thomas19007]

Hi,

Thanks for your answer, but it doesn’t seem to work, it all stays red. I added the color-codes of the colors I need it to become, but no effect: .pagination a:hover, .pagination span.current {color: #3398CB !important;border-color: #3398CB !important;}

Why do I need to change this in code by the way? I bought X the Theme because I am not that knowledgeable with code, and with all the previous themes I installed and used on various websites I could simply change the colors in the menu.

Many thanks in advance and have a great day!

All the best,

Martin

[Christopher]

Hi there,

Please update previous code to :

ul.center-list.center-text .current, ul.center-list.center-text li:hover a {
    border-color: #000;
    color: #000;
}

Hope it helps.

[thomas19007]

Hi Christopher,

Thanks for your help. Unfortunately neither of the two codes changes the color of the social media logo’s, bread crumbs or page number boxes. Is there another way to do this?

Many thanks in advance!

Kind regards,

Martin

[Paul R]

Hi Martin,

You can try this code instead.

/* pagination current state color */
body .x-pagination span.current {
     color:blue !important;
     border-color:blue !important;
}

/* footer social media color */
body .x-colophon.bottom .x-social-global a {
     color:blue !important;
}

If those doesn’t work please provide us your wordpress admin login in private reply so we can take a closer look.

[thomas19007]

Hi Paul,

Thanks for getting into this conversation. I realized that although they look like buttons, they are in essence just links, so I googled on that and came across this post https://community.theme.co/forums/topic/how-to-change-link-color-and-shop-layout/ I never scrolled this far down in typography but it was there and it worked! Thanks again for your efforts and have a great day!

All the best,

Martin

[Nabeel A]

Glad we could help!

Cheers!

[Author]

Posts