[Resolved] Confused adding some css

[Mathieu]

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 !

[David]

Hi there,

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

[Mathieu]

Hi David,

Sure !
Here you go

[David]

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

[Mathieu]

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)

[David]

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.

[Mathieu]

This second solution is just perfect 🙂

Thanks David for this great support, as always !

[David]

You’re welcome

[Author]

Posts