[Resolved] alignment and font size issue

Home Forums Support [Resolved] alignment and font size issue

Home Forums Support alignment and font size issue

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2354626
    liz

    Hi,

    The first sentence in the excerpt on the homepage is indented and not aligned to the left. [ link to the website is in the private info field so you’ll see what I mean] Also, if you don’t mind, could you tell me how to make the font size smaller for the recent post titles? I tried to change the size in the customizer but it’s not working. Thank you.

    #2354674
    Fernando
    Customer Support

    Hi Liza,

    For the indentation, it seems that there’s actual space characters in the excerpt. Can you check the actual posts, and see if there’s unwanted spaces there?

    As for the font-size, can you try placing that widget inside a GB Container Block and set the font-size there?

    #2358698
    liz

    Hi,

    I have already checked but did not see any unwanted spaces in the actual post. Regarding the font size [recent post titles] I tried to put the widget inside a Gb container block [using the element section] but there is no option to change the font size. Thanks, the link to the site is in the private info field.

    #2359185
    Ying
    Staff
    Customer Support

    Hi Liza,

    In the post, there’s an H1 with several spaces before the actual paragraph, can you delete the empty H1 to avoid the indented excerpt issue?
    https://www.screencast.com/t/mmeeXI6Uh92Z

    For the font size, I don’t see the widget’s been added to a container block, but anyway, you can try this CSS:

    .widget-area a.wp-block-latest-posts__post-title {
        font-size: 15px;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #2359607
    liz

    Thanks,Ying. I would also like to apply a smaller font size on mobile for the recent post section.Thanks

    #2359957
    Ying
    Staff
    Customer Support

    We can add a media query to the CSS so it only applies to mobile:

    @media (max-width: 768px) {
        .widget-area a.wp-block-latest-posts__post-title {
            font-size: 12px;
        }
    }
    #2360157
    liz

    Thank you, Ying.

    #2360748
    Ying
    Staff
    Customer Support

    No problem 🙂

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