Site logo

Archived topic

Confused adding some css

7 replies · Started by Mathieu on September 6, 2022

Viewing posts 1–8 of 8

Hi team,

Once again i need your help, sorry about that :)

I'm trying for a while to add css to this framed content : https://prnt.sc/NgPeFGjHNzHQ
To me, it looks like this is linked to this class <p class="gb-headline gb-headline-7293551e gb-headline-text dynamic-term-class"> but maybe i'm wrong.

I'd like to display white text on pink background for example.
How am i supposed to do so ?

Thanks in advance !

Hi there,

can you share a link to the page where i can see that ?

Hi David,

Sure !
Here you go

Ok. in Appearance > Elements edit the Element titled: Post Archive Template
Select Headline block that is displaying the Terms and in the sidebar you can set Spacing > Padding and then change its colors.

And then you can repeat this for the Element titled: First Post Template

It works and is almost perfect but how do I set a background-color for the width of text, not the width of the entire element, using CSS?

I tried to quote this option : https://prnt.sc/q9M129Mq0VLM
It looks like good while i'm on editor mode, but once live i've got this https://prnt.sc/VRHP4EwdwPYV (i purged CSS)

An option is to:

1. delete the Headline Block.
2. Add a GB Buttons Block , and set its dynamic data to show the List of Terms.

Now you can style the button and this will be just the width of the term text and padding.

This second solution is just perfect :)

Thanks David for this great support, as always !

You're welcome

This archived topic is closed to new replies.