Help with CSS injection

• 

  iangreig · Member · Sep 12, 2014 at 8:33 am

  • Copy link
  • Add topic to favorites

  I am using the Blogum theme which I need to alter slightly to comply with our house style, which calls for 16pt Arial. At present I achieve it by inserting span styles for every para, but I would like to change the default paragraph style to 16pt Arial.

  I have inserted:
  {font-family: Arial; font-size: 16px;}
  in the CSS customisation dialogue and saved it. I still find I have to overrule the default with span styles.

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

• 

  hallluke · Member · Sep 12, 2014 at 9:16 am

  • Copy link

  Hi Ian,

  This code should set your default body font to what you want, try it out and see on a post or page where you aren’t applying the styles inline to check it’s working as you want:

  .wf-active body {
  	font-family:Arial,serif;
  	font-size:100%;
  }

  In future if you want to apply an inline style to a certain part of your post or page content you can save yourself some time by applying it to the containing p element rather than creating individual spans for each (you could also apply the styles to a div element and place all your content inside it!)

• 

  iangreig · Member · Sep 12, 2014 at 10:19 am

  • Copy link

  Thanks for that.

  Should I not assert font-size 16px rather than 100% (which in my understanding would not result in 16px)?

• 

  thesacredpath · Member · Sep 30, 2014 at 5:34 pm

  • Copy link

  Hi there, I have looked at your site and custom CSS and it appears like you have this taken care of so I am going to mark this thread as resolved. If you have further questions or problems, please let us know.

• 

  iangreig · Member · Sep 30, 2014 at 5:55 pm

  • Copy link

  No, it’s not resolved. You were going to get back to me with advice from your Markdown dev. The posts look OK because I am formatting them with span styles, para by para.

  I’d like to streamline the process and (1) get the CSS to call the exact styles I use, rather than span styles and

  (2) as a separate but related issue, move to Markdown formatting as I believe this is offered by the current WordPress, although I have not been successful in getting it to work despite (apparently) following advice given.

• 

  thesacredpath · Member · Sep 30, 2014 at 9:03 pm

  • Copy link

  Oops, sorry that was a different thread.

  Can you give me an example of the code you are using that is getting stripped out, or changed? You can post it here between “code” tags.

• 

  iangreig · Member · Oct 1, 2014 at 7:02 pm

  • Copy link

  The post that didn’t pick up either the custom CSS or Markdown was September 15 (after that i reverted to inserting span styles which are at least reliable).

  Here is the custom CSS:

  If you need any further help, ask in the CSS Customization forum.
  */
  post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 {
  	color: #000;
  	font-family: Arial, Helvetica, sans-serif;
  	font-weight: regular;
  	font-size: 16px;
  	margin-bottom: 15px;
  }
  
  .post-content body {
  	font-family: Arial, Helvetica, sans-serif;
  	font-weight: regular;
  	font-size: 16px;
  }
  
  .post-content h1 {
  	font-weight: bold;
  	font-size: 26px;
  }
  
  .post-content h2 {
  	font-size: 20px;
  }
  
  .post-content h3 {
  	font-size: 16px;
  }
  
  .post-content h4 {
  	font-weight: bold;
  	font-size: 13px;
  }
  
  .post-content h5 {
  	font-size: 13px;
  }

• 

  thesacredpath · Member · Oct 1, 2014 at 7:51 pm

  • Copy link

  @iangreig, thanks. I’m going to do some investigation and testing here shortly with your CSS and Blogum. Hang tight.

• 

  thesacredpath · Member · Oct 1, 2014 at 8:29 pm

  • Copy link

  @iangreig, our developer who implemented markdown is looking at things a little later today. I’ve tested in my site with Blogum and for the most part everything is working just fine. I did find a couple minor bugs the developer is also going to investigate.

  Would you kindly give me permission to create a draft post in your dashboard for some further testing just in case what I’m seeing on mine is different from what is happening on yours? I’ll clearly mark it as “thesacredpath test post” and mark it as private so it won’t show up with your other blog posts.

• 

  iangreig · Member · Oct 2, 2014 at 8:09 am

  • Copy link

  @thesacredpath
  Yes, please go ahead. Anything to get this CSS and Markdown working as it should!
  Thanks for your time on this

• 

  thesacredpath · Member · Oct 2, 2014 at 3:15 pm

  • Copy link

  No problem. The developer isn’t in yet today, but I’ve left him a ping for when he is to see if he got the chance to look at things.

• 

  thesacredpath · Member · Oct 2, 2014 at 8:44 pm

  • Copy link

  Developer is having problems getting markdown NOT to work as expected, so I have more testing to do. I’ll be working on a draft post in your site shortly.

• 

  iangreig · Member · Oct 2, 2014 at 9:12 pm

  • Copy link

  Thanks for staying with it. Let me know if there’s anything I can helpfully try.