• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Unable to add a small space below h5 tag

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Unable to add a small space below h5 tag

This topic is: resolved

Tagged: h5 tag, Spacing

  • This topic has 3 replies, 2 voices, and was last updated 5 years, 2 months ago by Tribulatio.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 28, 2017 at 8:32 am #214064
    Tribulatio
    Participant

    I am currently building a new site (in staging, for this reason I cannot provide the link here) in which I have several pages with identical listings. For each segment in the list, I am using a h5 title, create with a shortcode allowing me to make easy changes.

    I have formatted everything in that h5 title as I wanted to, adjusting the CSS for that purpose:

    h5 {
    	font-size: 16px;
    	font-size: 1.6rem;
    	border-bottom: 1px solid indigo;
            display: inline;
    }

    The only (small) problem that I have is that I would like to have a slightly larger space between the h5 subtitle and the items below it.

    However, although I have been able to reach everything else that I wanted to do, all my attempts to find a trick in order to do that over the past two hours have failed. I have tested with margin-bottom, padding-bottom, with em, with px, in various sizes - nothing changes.

    I guess that there is some higher-ranking code in Lifestyle Pro that is preventing me to change that - I assume that margin-bottom would be the right way to do it.

    I would be interested to know if my guess is correct and if there an easy way to do it? Otherwise, I can live with what I have done - just attempting to make it still better, and to learn something for future similar cases.

    November 28, 2017 at 8:43 am #214067
    Victor Font
    Moderator

    Please post a link to the site so we can see what's going on with the CSS.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    November 28, 2017 at 8:51 am #214071
    Tribulatio
    Participant

    I had not posted a link because it is in staging and I do not want search engines to spider it (it is a rebuilding of a former, non-WP site). If there is no risk of that happening, kindly let me know.

    November 28, 2017 at 5:12 pm #214089
    Tribulatio
    Participant

    I have now been able to reach exactly what I wanted to: by using the well-maintained plugin Spacer (https://wordpress.org/plugins/spacer/). It works perfectly.

    Of course, I have been careful to check in multiple browsers. Strangely, the space was fine (without Spacer, but with the border-bottom having vanished) in the little-known browser Brave. But it didn't work in most browser (Safari, Chrome, Firefox, IE, etc.). Still, I have been careful to insert a small space, in order not to create havoc in case the behavior of other browsers changes some day. Any way, since each instance is generated by a shortcode plus CSS, I can at any time easily adjust to changes that might take place.

    I was pretty confident that there would be a plugin doing the trick! But it took me time to find it. I hope that it can be useful to other users as well!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Unable to add a small space below h5 tag’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble