Support » Fixing WordPress » Horizontal Rule Line help

  • Resolved KKat46

    (@kkat46)


    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!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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

    Thread Starter KKat46

    (@kkat46)

    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.

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

    Cheers

    PAE

    Thread Starter KKat46

    (@kkat46)

    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.

    Thread Starter KKat46

    (@kkat46)

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

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Horizontal Rule Line help’ is closed to new replies.