Messing with Bold/Not Bold in CSS Stylesheets

• 

  rjbinney · Member · Dec 1, 2016 at 11:24 pm

  • Copy link
  • Add topic to favorites

  Sorry for the vague title, tough to describe.

  I put in my CSS for ULs to be bold text:

  .post ul {
  	font-size: 17px;
  	padding-left: .5em;
  	text-indent: -1em;
  	list-style-type:disc;
  }

  In the main, I will always want my numbered lists to be bold.

  I would like to, occassionally, have a list be NOT bold. There seems to be now way to do that in the HTML/text editor.

  I was told by a “Happiness Engineer” if I created a specific class it would override the settings and allow it. But, it is not happening.

  I created:

  .alpharjb {
  	font-size: 12px;
  	padding-left: 1em;
  	text-indent: -1 em;
  	list-style: lower-alpha;
  	font-weight: normal
  }

  (I changed the font size just to see what would happen).

  And then in the post started the list with
  ol class="alpharjb">

  It picked up the alpha part of the instructions, but the text is still bold and remains 17 point.

  This is very frustrating! I would really like to keep the normal UL style to be bold, but I’d like the ability to NOT be bold on this one!

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

• 

  rjbinney · Member · Dec 1, 2016 at 11:51 pm

  • Copy link

  OK. Weight.

  I added <div style=”font-weight:normal;”> to the text. Didn’t work yesterday.

  Works today.

  So nobody touch anything… Just slowly back away from my laptop….

• 

  rjbinney · Member · Dec 2, 2016 at 12:13 am

  • Copy link

  ….and, We’re Back.

  When I added
  <ol class="alpharjb">
  and hit “Preview” all was good.

  But I went from the text editor to the visual editor, and it was bulleted.

  Then I went back to the text editor and all of my

  was missing and it was reformatted to

  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  What the-?

• 

  rjbinney · Member · Dec 2, 2016 at 12:15 am

  • Copy link

  The above was supposed to read the “OL” had been replaced with “UL”.

  This is happening in both the old /wp-admin text editor and the “new and improved” Beep Beep Boop text editor.

• 

  thesacredpath · Member · Dec 9, 2016 at 8:34 pm

  • Copy link

  @rjbinney, are you still having issues with this?

  Generally what I would recommend is to create a CSS rule to bold and than add that CSS class for the new rule to theto the opening list HTML tag of lists you wish to be bold, something like this (in the post/page editor text tab).
  <ol class="bold-list">
  If the majority of your lists are going to be bold, then we can reverse things and create a CSS rule for no-bold and add that to the lists you do not want to be bold, something like this.
  <ol class="no-bold">