Add background colour to portfolio title

wiltabone · July 2020

Hi,

I would like to add an effect to the .intro-title element whereby the background is highlighted.

Ie: From this - https://pasteboard.co/JgIMsAd.png to this: https://pasteboard.co/JgIN0m1.png

I want a bit more padding to the highlight and it has to be opaque.

Is there a way to do this please? It has to be boxed with the text.

background-color did not achieve the required result as it instead highlighted the entire div.

Regards

Wilbert

Pablo · July 2020

Hello Willbert,

Please send me a link to your website, I'll check what I can do.

Thanks

wiltabone · July 2020

Hi Pablo,

You need admin access I presume?

Regards

Bryan · July 2020

No, just the link to the page.

thanks

wiltabone · July 2020

Unfortunately it is locked for visitors for the time being. The same exact element can be found on the template sample website:

https://themes.muffingroup.com/be/handyman2/portfolio-item/aliquam-erat-ac-ipsum-integer/

Pablo · July 2020

Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

.intro-title{background:black !important;}

Thanks

wiltabone · July 2020

Thank you. Unfortunately the same problem remains as the whole div is highlighted rather than just the width of the text. Is there a way to set the width according to the text with some extra padding? Moreover how could opacity be modified in this context please?

Pablo · July 2020

You would be able to achieve only something like that, on screenshot:

https://prnt.sc/tgtv8b

If you like it, please rewrite the CSS visible on the screenshot

thanks

Add background colour to portfolio title

Comments