Home › Forums › WoodMart support forum › How to make link text coloured and bold && all text black instead of default
How to make link text coloured and bold && all text black instead of default
- This topic has 6 replies, 3 voices, and was last updated 3 years, 12 months ago by
Bogdan Donovan.
-
AuthorPosts
-
May 12, 2021 at 6:36 pm #291887
Need Help SometimesParticipant– 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.
May 12, 2021 at 7:36 pm #291899
Elise NoromitMemberHello,
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
May 12, 2021 at 8:28 pm #291916
Need Help SometimesParticipantI 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.May 12, 2021 at 9:40 pm #291943
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body p a{ color:red!important; }
Best Regards
May 12, 2021 at 10:03 pm #291945
Need Help SometimesParticipantWith 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.
May 12, 2021 at 10:29 pm #291946
Need Help SometimesParticipantYour 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.
May 13, 2021 at 7:04 am #291982
Bogdan DonovanKeymasterHi,
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
-
AuthorPosts
Tagged: #linktext
- You must be logged in to create new topics. Login / Register