[Resolved] Formatting text derived from HTML code

Home Forums Support [Resolved] Formatting text derived from HTML code

Home Forums Support Formatting text derived from HTML code

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2362373
    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! πŸ€—

    #2363034
    Ying
    Staff
    Customer Support

    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.

    #2363666
    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! πŸ€—

    #2363714
    Fernando
    Customer Support

    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.

    #2364848
    Christiano

    Absolutely! Thanks in advance Fernando! πŸ€—

    #2364886
    Fernando
    Customer Support

    Try using these two in the Typography Manager:

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

    and

    .gb-container .rmp-results-widget

    #2366001
    Christiano

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

    Could you be more specific please?

    THANKS! πŸ€—

    #2366084
    David
    Staff
    Customer Support

    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

    https://www.screencast.com/t/n9CPbz8Fne3

    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

    #2369646
    Christiano

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

    TOP! πŸ‘πŸΌπŸ‘πŸΌπŸ‘πŸΌ

    #2369760
    David
    Staff
    Customer Support

    Glad to be of help!!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.