[Resolved] Formatting text derived from HTML code

[Christiano]

Hi! I’m staging my site starting from the Scribe theme. I modified the provided “single post page hero” to include, under the post title and post date other two information (read time and RateMyPost rating).

As you can see from the attached image, the fonts are different and I have not the possibility to format the text.

How can I do?

THANKS! 🤗

[Ying]

Hi Christiano,

GP doesn’t have control over the content that is added using a plugin or custom function.

Although you can try setting typography to the container block which contains the content.

Let me know if that works.

[Christiano]

Hi Ying!

Although you can try setting typography to the container block which contains the content.

Do you mean formatting using HTML language?

THANKS! 🤗

[Fernando]

Hi Christiano,

What Ying meant is you should still be able to target those Blocks through the Typography Module. You’ll just need to figure out how you can target it.

May you provide the link where we can find these texts? I’ll check what CSS target you need to use.

[Christiano]

Absolutely! Thanks in advance Fernando! 🤗

[Fernando]

Try using these two in the Typography Manager:

.gb-container span.span-reading-time.rt-reading-time

and

.gb-container .rmp-results-widget

[Christiano]

Sorry Fernando but I do not know where to copy and paste that lines of code…

Could you be more specific please?

THANKS! 🤗

[David]

Hi there,

1. In Customizer > Typography –> Add Typography.
2. Set the Target Element to Custom
3. In the Enter custom CSS selector field add the CSS class eg. .gb-container .rmp-results-widget

4. Now apply your Font styles.

Repeat the above for the other CSS selector that Fernando provided ie. .gb-container span.span-reading-time.rt-reading-time

[Christiano]

Thanks a lot David, defining clear your reply is nothing… ☺️

TOP! 👍🏼👍🏼👍🏼

[David]

Glad to be of help!!

[Author]

Posts