All the WooCommerce links are blue ! How do I change them ?
The blue links look really bad with my other colours and I’d really like to change them. I would be very grateful if anyone could tell me how to do it. Thanks in advance.
( When I change the color in the woocommerce setting, nothing change ! ? )
Woocommerce link color
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Please note … to other with problem to change the color in Woocommerce setting :
This custom CSS fix the color problem ) But its not fix the “blue link color” there is my problem !
Here is the CSS :
if(function_exists(‘woocommerce_compile_less_styles’)){
$default_colors = get_option(‘woocommerce_frontend_css_colors’);
/*
Defaults are:
[primary] => #ad74a2
[secondary] => #f7f6f7
=> #85ad74
[content_bg] => #ffffff
[subtext] => #777777
*/
if(!$default_colors || !$default_colors[‘primary’] || $default_colors[‘primary’] == ‘#ad74a2’){
update_option(‘woocommerce_frontend_css_colors’,array(
‘primary’ => ‘#a38530’,
‘secondary’ => ‘#fddc8f’,
‘highlight’ => ‘#a38530’,
‘content_bg’ => ‘#ffffff’,
‘subtext’ => ‘#777777’,
));
woocommerce_compile_less_styles();
}
}
Hi Flemming
Sorry to hear about this issue.
Your second post here, if(function_exists is PHP, so it shouldn’t be posted into Appearance > Custom CSS.
Is your site live? If so, please send a link and I’ll check out the links in question and post back some CSS to assist.
Hi Andrew
Thanks for your reply, yes my site is in live : http://www.kansasshop.dk
There you can see in the shop page, all the links are blue !
I want to change the blue links to : #cc0202 … and hover : #343538
Looking forward to hear from you.
Please try this under Appearance > Custom CSS:
Thanks Andrew, its vorks perfect…. super support.
Awesome, glad we could resolve that quickly. All the best.
I’m a bit lost, sorry… where do I find “Appearance > Custom CSS” for Woocommerce on my WordPress dashboard?
*uhm*… typical error 55 – the problem sits 55cm away from the monitor. I actually found it under “Jetpack” -> “Misc.” -> Custom CSS Options but it did not show any changes in my browser (yes, I refreshed the page several times and switched browsers). Looks like it needed some more F5 – now it works. Thnks :)
Hi Stardessert
If you can please open a fresh thread for us we’ll do our best to help out ASAP:
Page: New Thread
Thanks