Return to previous page

HiperLink color - by tumoneygram@gmail.com

This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Olga Barlow

tumoneygram@gmail.com

Participant

December 13, 2020 at 20:58

Hi, i have changed the color of hyperlinks in theme option (styling), but it doesn’t work. It should be light brown: #b39a68

The color in static blocks content (product category page) and in tabs ( product pages) doesn’t change (it is still black or grey).

What CSS could be implemented?

I would like the color of the link to be always #b39a68 , underlined and bold. And the hover to be the same but in color Grey.

Please, contact administrator
for this information.

#263862 Copied Theme version: 7.1.3

6 Answers

tumoneygram@gmail.com

Participant

December 13, 2020 at 21:03

I don’t want the titles of products to have this styling. It is just for content

#263865 Copied
Olga Barlow

Support staff

December 14, 2020 at 16:54
Hello,

We don’t have the option to change the color of the links in Theme Options > Styling, so don’t understand what you changed.

To change the color of links add the below custom to Theme Options > Custom CSS
```
.template-container a, .template-container p a, .template-container .footer-bottom a {
    color: #b39a68;
    text-decoration: underline;
    font-weight: bold;
}
.template-container a:hover, .template-container p a:hover, .template-container .footer-bottom a:hover {
    color: #888888;
}
.content-product .button, .content-product .product-title a, .content-product .products-page-brands a {
    text-decoration: none;
    font-weight: normal;
}
```
Regards
#263962 Copied
tumoneygram@gmail.com

Participant

December 15, 2020 at 14:03

HI Olga,

Thank you. I have pasted the code. I have just changed the color to see better things: Link (red) and hover (green). I have some problems.

This is the code I pasted:

/* ========= hyperlink color ========== */
.template-container a, .template-container p a, .template-container .footer-bottom a {
color: red;
text-decoration: underline;
font-weight: bold;
}
.template-container a:hover, .template-container p a:hover, .template-container .footer-bottom a:hover {
color: green;
}
.content-product .button, .content-product .product-title a, .content-product .products-page-brands a {
Color: normal;
text-decoration: none;
font-weight: normal;
}

However I don’t want this format in:

General:
-Main menu
-My Account icon
-Add to cart button
-Button in the menu
-Breadcrumbs
-Search widget

Category page/brand page/shop page:

-Sidebar links
-Title of products (product Loop)
-Brand name (product Loop)
-yith badge (which they became bold)

Product page
– Brand name
-Social media icon
-yith badge
-Product Tabs Titles
-Related products (title and brand name)

I want this link format just in:

– Static block content
-Category description
– Product description
-Product content tabs (not widget title)

Please contact administrator
for this information.

#264113 Copied

Olga Barlow

Support staff

December 15, 2020 at 17:17

Hello,

You asked about links in general, so the code is global.
If you want that just for some elements then it would be better if you:
1) provide us with temporary WP Dashboard access to your site
2) Provide screenshots of the elements where you want to apply the mentioned styles.

Regards

#264155 Copied

tumoneygram@gmail.com

Participant

December 15, 2020 at 17:53

A ok perfect. Thank you. I will do that

#264162 Copied

Olga Barlow

Support staff

December 15, 2020 at 21:14

You are welcome. We’ll be waiting.

Regards

#264212 Copied
Viewing 7 results - 1 through 7 (of 7 total)