Horizontal lines not showing on posts

• 

  northlineprojects · Member · Jan 17, 2017 at 10:40 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I use the theme Radiate and I’ve added horizontal lines to separate text using <hr> and <hr /> but they don’t seem to appear.

  Ive also tried adding this code in the css which according to other threads should fix the issue, although it does not here.

  hr {
     display:none;
  }

  Any help would be greatly appreciated. Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  galois · Member · Jan 17, 2017 at 10:47 pm

  • Copy link

  The tag for the horinzontal line is only <hr>
  Example:

  <h1>HTML</h1>
  <p>HTML is a language for describing web pages.</p>
  
  <hr>
  
  <h1>CSS</h1>
  <p>CSS defines how to display HTML elements.</p>

  See here for the result:
  http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_test

• 

  northlineprojects · Member · Jan 17, 2017 at 11:34 pm

  • Copy link

  Thanks for your reply @galois but sadly it doesn’t show up.

• 

  galois · Member · Jan 17, 2017 at 11:38 pm

  • Copy link

  Do you have a post or page with the tag for the horizontal line?

  Note that with the CSS rule you wrote above

  hr {
     display:none;
  }

  the horizontal line doesn’t show up.

• 

  northlineprojects · Member · Jan 17, 2017 at 11:57 pm

  • Copy link

  It is for posts. I see. Either way it doesn’t show up, its quite weird. I’ve tried putting the opacity to 1 and selecting the colour to black, but nothing.

  thanks @galois

• 

  galois · Member · Jan 18, 2017 at 12:23 am

  • Copy link

  Try with this:

  <h1>HTML</h1>
  <p>HTML is a language for describing web pages.</p>
  
  <hr>
  
  <h1>CSS</h1>
  <p>CSS defines how to display HTML elements.</p>

  (in a draft)
  And delete the CSS rule

  hr {
     display:none;
  }

• 

  northlineprojects · Member · Jan 18, 2017 at 4:20 am

  • Copy link

  I really appreciate you helping me @galois but the basic way is not working.

  The display:none; has been deleted since it first didn’t change anything.

  thanks again

• 

  galois · Member · Jan 18, 2017 at 10:46 am

  • Copy link

  I tagged this thread with modlook for Staff assistance.
  Be patient while waiting. :)

• 

  gemmacevans · Member · Jan 18, 2017 at 11:34 am

  • Copy link

  Hi,

  I just tested this CSS and it worked:

  hr {
      background-color: #000000;
  }

  The colour of the horizontal rule is currently set to white — which won’t show up against your page. Replace ‘#000000;’ in my code above with any colour you like.

  You can add it to the CSS module in your Customizer.

  Let me know how you get on.

• 

  northlineprojects · Member · Jan 18, 2017 at 7:38 pm

  • Copy link

  Fantastic, it works :)
  Thank you so much to the both of you! @galois @gemmacevans

• 

  galois · Member · Jan 18, 2017 at 10:26 pm

  • Copy link

  You’re welcome & best wishes. :)

• 

  timethief · Member · Jan 18, 2017 at 10:26 pm

  • Copy link

  @galois
  Just saying Hello to you :)

• 

  galois · Member · Jan 19, 2017 at 2:02 am

  • Copy link

  Hi, TT. :)

• 

  timethief · Member · Jan 19, 2017 at 2:04 am

  • Copy link

  Hi :)

• 

  gemmacevans · Member · Jan 19, 2017 at 9:55 am

  • Copy link

  You’re very welcome @northlineprojects!

• 

  eimilia · Member · Feb 18, 2017 at 8:54 pm

  • Copy link

  Hi all! I have this same issue. Just tried to update CSS in my customizer with a “black” color but am not seeing any change yet. Probably as I have no idea how to do CSS. Would some kind soul please let me know what is off with the following:

  /*
  Welcome to Custom CSS!

  To learn how this works, see http://wp.me/PEmnE-Bt
  */
  /*
  My style changes
  hr {
  background-color: #040404;
  }
  */

• 

  timethief · Member · Feb 18, 2017 at 9:40 pm

  • Copy link

  @eimilia
  You are not using the same theme as the person who commenced this thread. All CSS editing is theme specific editing available only to those who have the required upgrade. More to the point is that we require you to click this link and start your own thread please https://en.forums.wordpress.com/forum/css-customization#postform

• 

  gemmacevans · Member · Feb 19, 2017 at 7:08 pm

  • Copy link

  Hi eimilia,

  Please start a new thread for your question and tag it with modlook if you need help from a member of staff. Once you’ve so, we’ll be happy to help.

  Thanks!