How to make link text coloured and bold && all text black instead of default

– How to make link text skyblue and bold for entire theme?
– How to make all text black instead of the default grey?

So when we add new product for example default text colour is black.

Hello,

You can set the text color in the Theme Settings > Typography.

The skype button is styled with custom CSS. If you need help, provide the page URL and screen of the button.

Best Regards

I was not refferingto buttons but to link text (A). See screenshot. How to make that bold and skyblue by default?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body p a{
color:red!important;
}

Best Regards

With your code it stays black and only gets skyblue when hovering over it.
It is also not bold.

It should be Bold and Skyblue and do nothing when hovering.

Your code also made the closing character X for woocommerce shop notification red. And it also made the text of quickview shopping cart button (return to shop page) red.

Hi,

Sorry for misunderstanding. Here is complete instruction how to change color and font-weight for theme text links.

1. Text links color:

Our theme has option for changing text links color located in Theme Settings => Styles and Colors => Link color (https://prnt.sc/12vdb7z). Set same color for idle and hover state if you want to make your text link hover color same when hovering on it.

2. Text links font-weight:

Since WordPress themes and WooCommerce plugins uses link <a> tag in their HTML structure for buttons, tabs and menus, there is no simple global custom code to change all links font-weight without style conflicts. To make the following changes we need more instructions from you about specific parts of the site where links need to be changed.

For example, below is custom CSS code for changing links font weight in product category description, product short and tabs description, single blog post content and WPBakery text element.

.term-description a,
.woocommerce-product-details__short-description a,
.woocommerce-Tabs-panel--description a,
.article-body-container a
.wpb_text_column a {
	font-weight: 800;
}

If you need to make the same font-weight changes in other part of your site, please indicate it, and we provide you with additional custom CSS code for it.

Kind Regards

[Author]

Posts