WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Horizontal Rule Line help (7 posts)

  1. KKat46
    Member
    Posted 2 years ago #

    I'm trying to use a horizontal line to separate paragraphs. I don't want "quotes" around everything as with blockquote. When I use hr nothing happens.

    Do I have to go into the theme editor and force it to accept hr somehow?

    I just want a command to put a horizontal line - so however that is easiest, please let me know!
    Thanks!!

  2. peredur
    Member
    Posted 2 years ago #

    Use firebug to find the element that needs a horizontal line above it or below it, and use CSS to add a border-bottom or border-top as appropriate.

    Without a link to your site and more details about which 'paragraphs' you want to separate in this way, it's hard to be more specific.

    HTH

    PAE

  3. KKat46
    Member
    Posted 2 years ago #

    I included a link, but apparently it didn't show up:

    empismachine.com/about

    I'm am very very new at this stuff and know little about CSS, coding and everything.

  4. peredur
    Member
    Posted 2 years ago #

    You appear to have the lines you want. Is this now solved?

    Cheers

    PAE

  5. KKat46
    Member
    Posted 2 years ago #

    The only way I can get those lines is by using the blockquote command - but I don't want quotes around all my paragraphs.

    I'm just trying to put a horizontal line between paragraphs.

  6. KKat46
    Member
    Posted 2 years ago #

    So no, the issue is not resolved yet. Still unsure how to make the lines without using quotes.

  7. peredur
    Member
    Posted 2 years ago #

    If you're happy to have all blockquotes treated this way, add the following to the end of your Child Theme style sheet:

    blockquote *:first-child:after {
      content: "";
    }
    
    blockquote *:first-child:before {
      content: "";
    }
    
    /* and probably */
    blockquote p {
      margin-top: 1em;
    }

    If you're altering your theme directly, just add to the end of the style sheet, but be aware you risk having it all to do again at some point if your theme updates its style sheet.

    If you only want blockquotes on this page treated this way, add the body.pageid-2 selector as follows:

    body.pageid-2 blockquote *:first-child:after {
      content: "";
    }
    
    body.pageid-2 blockquote *:first-child:before {
      content: "";
    }
    
    /* and probably */
    body.pageid-2 blockquote p {
      margin-top: 1em;
    }

    HTH

    PAE

Topic Closed

This topic has been closed to new replies.

About this Topic