Darken Horizontal Line

en WordPress.com Forums Darken Horizontal Line

• 

  auxclass · Member · May 17, 2014 at 5:57 am

  • Copy link
  • Add topic to favorites

  Is it possible using inline CSS code in a Post to darken the Horizontal Line (the standard line option that is from the editor) that is used between the pictures to divide the how to do it steps – I don’t have the CSS upgrade on my site –

  I would like the color to be at least as dark at the type – the light gray is just too light for my old eyes

  thanks

  Improved Fender Whip–Part 2

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

• 

  galois · Member · May 17, 2014 at 9:55 am

  • Copy link

  Hi, @auxclass
  Maybe this post will help you (from panos/justpi):
  http://wpbtips.wordpress.com/2010/10/04/divider-lines/

  Cheers.

• 

  thesacredpath · Member · May 19, 2014 at 4:55 pm

  • Copy link

  Howdy @auxclass, give the changes in what can be done with an hr tag, I would suggest using a paragraph with the non-breaking space in it (& nbsp; without the space between & and n) with a bottom border like this:

  <p style="border-bottom: 1px solid #000000;">& nbsp;</p>

• 

  auxclass · Member · May 19, 2014 at 5:19 pm

  • Copy link

  Morning Richard

  That will work great – just tested on the new Post I am working on for making Key Fobs and a nice black line across the page – will go back and change the older Post –

  I have also saved the code to my format file

  take care & have a nice summer

  thanks much for the great fix

• 

  auxclass · Member · May 19, 2014 at 5:25 pm

  • Copy link

  PS – the code does seem to get eaten when switching back to Visual Edit mode – guess I will need to leave the editor in Text – but not too much left to edit so will not be too hard

• 

  thesacredpath · Member · May 19, 2014 at 8:06 pm

  • Copy link

  @auxclass, you can go to Settings > Writing and disable “WordPress should correct invalidly nested XHTML automatically”, or perhaps put a period in there and then in the inline color style for the border paragraph:

  ‘color: #FFFFFF;`

• 

  thesacredpath · Member · May 19, 2014 at 8:07 pm

  • Copy link

  You can also try a div instead of a paragraph. The editor shouldn’t delete a div with the non-breaking space in it.

• 

  thesacredpath · Member · May 19, 2014 at 8:08 pm

  • Copy link

  Mike, you have a great summer too. The rest of the year is pretty busy for me it seems.

• 

  auxclass · Member · May 19, 2014 at 8:38 pm

  • Copy link

  The div seems to stay

  I have the “WordPress should correct…” for self defense

  The other workaround was to leave the /hr in place and wait until just before publishing to change to the darker line – but with the div sticking no need for that

  web site traffic finally picking up – seems like people were not interested in boating with the extra snow on the ground

  thanks again for the help

  good luck with the busy summer – there are up sides to busy and having a job that is interesting

  take care

• 

  thesacredpath · Member · May 19, 2014 at 10:21 pm

  • Copy link

  You are welcome Mike, and you have a great summer and keep your boat hull-side down. :)

• The topic ‘Darken Horizontal Line’ is closed to new replies.