Return to previous page

I want to change the hyperlinks of woocommerce products and posts

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

Dox

Participant

April 19, 2021 at 22:40

I want to change the hyperlinks of woocommerce products and posts.

Please provide me the css code for it…

#284806 Copied Theme version: 7.2.7 WooCommerce version: 5.2.2

7 Answers

Olga Barlow

Support staff

April 20, 2021 at 17:27

Hello,

Could you, please, explain in more detail what exactly you want to change: font-size, color , hover color?

Regards

#284884 Copied

Dox

Participant

April 20, 2021 at 18:36

I want font size 18px (font size), #266391 (color) and #286A9C (hover color).

One thing more, I also want to change the color of the post tags and product tags with with the same color and hovering color mentioned above.

Now, please provide me the css code to apply the above

Best regards

#284906 Copied
Olga Barlow

Support staff

April 21, 2021 at 10:22
Hello,

Use the code below to change the mentioned links
```
.content-product .product-title, .posts-slider article .post-heading h2, .post-heading h2 {
    font-size: 18px;
    line-height:1.3;    
}
.content-product .product-title a, .posts-slider article .post-heading h2 a, .post-heading h2 a {
    color: #266391;
}
.content-product .product-title:hover a,
.posts-slider article .post-heading:hover h2 a, .post-heading h2:hover a {
    color: #4a5156;
}
```
Regards
#284987 Copied
Dox

Participant

April 21, 2021 at 17:20

Hi, we have the code in the css, but nor the tags are changing and not the hyperlinks. Please check the following pic:

https://ibb.co/Zgv8gYw

#285050 Copied

Olga Barlow

Support staff

April 22, 2021 at 09:12

Hello,

Do you want to change the color of the links/tag links inside the post and product content or color of the products/posts titles? Because code that I provided is for the products/posts titles only.

Regards

#285097 Copied

Dox

Participant

April 22, 2021 at 18:17

Dear, I am sorry to say that but I don’t think you’ve pick any of my point and instead you’ve deliberately wasted 3 of our days and I don’t know who asked you to change the headlines?

I assume you even don’t read my query that for what purpose I’ve contacted the support.

Read these lines in order to get better understanding.

1) I want to change the color and hovering color of hyperlinks in posts

https://ibb.co/PGFmbPb

I want font size 18px (font size), #266391 (color) and #286A9C (hover color)

2) I want to change the hyperlinks of product

https://ibb.co/PYmM8rH

I want font size 18px (font size), #266391 (color) and #286A9C (hover color)

3) I want to change the color of the product tags

https://ibb.co/dBXmCG9

I want to make the hyperlinks bold with this color #266391

4) I want to change the color of the post tags

https://ibb.co/cXVbtqL

I want to make the hyperlinks bold with this color #266391

Please try to pass this issue to your senior, if you still don’t understand what we wanted.

Try to send the css code as soon as possible as it is adversely affecting our business website.

Thanks for your understanding…

#285182 Copied
Olga Barlow

Support staff

April 23, 2021 at 11:27
Hello,

Sorry, I just did not understand your first request correctly. Now, everything is clear once you described it in detail and added screenshots.
1), 2) Use the below code
```
.content-article a, .tab-description a {
    font-size: 18px;
    color: #266391;
}
.content-article a:hover, .tab-description a:hover {
    color: #286A9C;
}
```
3), 4) Use the below code
```
.single-tags a,.product_meta .tagged_as a {
    color: #266391;
    font-weight: bold;
}
```
Regards
#285237 Copied
Viewing 8 results - 1 through 8 (of 8 total)