Colour for URL link's in post/product body text

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-post .page-content .content-wrap strong a {
    color: yellow !important;
}

Thanks
Mohammad

[kushalkamra]

Thanks Mohammad,

This is working on a post as expected, but did not work for Recipe post type(eg:- https://mydhaba.in/recipe/banana-chips-recipe/) and Product post type (eg:- https://mydhaba.in/shop/herbal-supplements/flexibility-60-capsules-organic-india/)

Please guide with further changes.

[David Martin – Support]

You can copy the above CSS and replace .single-post with .single-recipe and again for .single-product.

[kushalkamra]

It did not work for both recipe and product with these additions, I’ve cleared cache before testing.

[David Martin – Support]

The above code is only for links with bold formatting. A general a link would look like this

.single-recipe .page-content .content-wrap strong a {
color: yellow !important;
}

You need to remove your hard coded inline styles:

[kushalkamra]

Thanks David and Mohammad,

Changing colour just for bold URL’s will work fine with me. The code works well for .single-post and .single-recipe but does not work in case of .single-product

Can you take a look.
Thanks

[David Martin – Support]

For your single product page, please test this:

.single-product .product-short a,
.woocommerce div.product .woocommerce-tabs .panel a {
    color: yellow !important;
}

[kushalkamra]

Thanks David,

It is working good now.

[David Martin – Support]

Great, anytime.

Thanks.

[Mohammad – SUPPORT]

Hi,
Great thanks to David 🙂 .
Mohammad