Reduce space between page titles and HR

  • Resolved rnmartinez

    (@rnmartinez)


    2 years, 9 months ago

    Hi – how can I reduce the gap between the page title and the HR element – the gap is a bit too big.

    I know I can generally change the block gap in the theme.json, but I was hoping for a CSS solution that would only affect page titles.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @rnmartinez

    Can you please provide the Screenshot?

    Thanks

    Thread Starter rnmartinez

    (@rnmartinez)

    Here is an example – seems like alot of whitespace between the title and seperator

    View post on imgur.com

    Hi @rnmartinez

    Please find the below steps for reducing the space:

    1. Open the Dashboard
    2. Open Appearance -> Editor
    3. I guess It will open the Frontpage or index template by default
    4. You need to click on the top left WordPress/site logo ( https://prnt.sc/26u9a60 )
    5. Open the page template
    6. select the post title h1 and find the margin setting dimensions penal in the sidebar ( https://prnt.sc/26u9be7 )
    7. If it links as you can see in the above screenshot then you have to unlink the setting first ( click on the blue link icon button ) and once you unlink the settings it will show the 4 input boxes
    8. Now you can set the bottom space in margin as you want ( https://prnt.sc/26u9d53 )

    Thanks

    Also if you want to reduce with CSS directly instead of modify in the setting as I’ve mentioned above then you just need to add below CSS code. ( you can update the space as you want instead of 60px )

    .wp-block-group .wp-block-post-title{margin-bottom:60px!important;}

    Thread Starter rnmartinez

    (@rnmartinez)

    Thank you! This is perfect

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reduce space between page titles and HR’ is closed to new replies.

Tags