• Resolved ConnectionsBus

    (@connectionsbus)


    I’m using the Latest Posts block on the Front Page template but cannot see a way of adjusting the size of the text. I would prefer to have the text of each post smaller than the heading. Is this possible?

    Thanks

    Alan

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi,

    You can add this code in the Custom CSS section of the Latest Posts block https://vertis.d.pr/i/IUCuWu

    .wp-block-latest-posts__post-excerpt {
    font-size:12px !important;
    }

    where you can adjust the size.

    Hope it helps.

    Thread Starter ConnectionsBus

    (@connectionsbus)

    Hi

    Thanks for this. Have copying and pasted to where you have suggested but has not worked?

    Hi! In this case, can you please share your site URL?

    Thank you!

    Thread Starter ConnectionsBus

    (@connectionsbus)

    Just a test site at the moment: cbp.sites.qsandbox.com – access code 2317

    Thanks

    rodicaelena

    (@rodicaelena)

    Hi!
    For me it does seem to work https://vertis.d.pr/i/XIhL3A

    Or are you referring to another section?

    Thread Starter ConnectionsBus

    (@connectionsbus)

    Hi

    Yep, that’s what I am after. Am I doing the added CCS in the right place? I’ve gone Appearance, Editor, Templates, Front Page, clicked on the Latest Posts Block and then adding your text to the Advanced ADDITIONAL CSS CLASS(ES) box as follows:

    .wp-block-latest-posts__post-excerpt { font-size:12px !important; }

    Thank you so much for taking the time to help with this. Sorry if I’m being a bit thick, changing up from a fairly simple site at the moment (www.connectionsbusproject.org.uk) to this more modern style.

    Hi,

    Can you please share a screenshot of where you added the code, so I can see it?

    Thanks

    Thread Starter ConnectionsBus

    (@connectionsbus)

    Kush

    (@kushnamdev)

    @connectionsbus

    To add custom CSS to Neve FSE, please do the following.

    1. Access the Site Editor:

    • Go to your WordPress dashboard.
    • Navigate to “Appearance” and then select “Editor”.

    2. Open the Styles Panel:

    • In the Site Editor, click on the website preview to enable editing tools.
    • Click on the Styles icon (represented by a half-shaded circle).

    3. Add Custom CSS:

    • Within the Styles panel, click on the three dots (ellipsis) icon next to the section title.
    • Choose the “Additional CSS” option.
    • Enter your custom CSS code in the provided text area.

    see this screencast – https://vertis.d.pr/v/CZDxEh

    Please let us know if the issue gets resolved or not.

    Best regards

    • This reply was modified 2 weeks, 2 days ago by Kush.
    Thread Starter ConnectionsBus

    (@connectionsbus)

    Wonderful. Thank you, tat has done it.

    Great to hear that. Thank you for the update!

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