CSS Selectors for Elemin Theme

• 

  rprozesky · Member · May 11, 2013 at 9:45 pm

  • Copy link
  • Add topic to favorites

  I am using Firebug to identify what I think the selectors are. I put these in my TypeKit Editor as “Selectors” but nothing happens on my site. I waited more than 15 min every time.

  I did “Publish” and I did put the TypeKit number in on WordPress.com’s side and it says it is all fine.

  Can someone not just give me a list of the selectors I need to put in? I just want my selected fonts to pull through to my site without going and writing CSS code in WordPress.

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

• 

  timethief · Member · May 11, 2013 at 9:51 pm

  • Copy link

  Does this help? http://wpbtips.wordpress.com/2013/02/21/where-is-the-theme-css-and-how-do-i-edit-it/

• 

  thesacredpath · Member · May 11, 2013 at 10:34 pm

  • Copy link

  You will need to tell us exactly what text you want to change and then we can identify it. Sometimes you have to use more specific selectors due to the way the fonts were declared in the original CSS.

• 

  rprozesky · Member · May 11, 2013 at 11:11 pm

  • Copy link

  Thank you for the help both of you.

  Timethief – it helps a bit but still leaves me with having to enter CSS code.
  I want to simply enter the selectors in the typekit editor and not mess with too many things, before they break. So I would like to identify the selectors. As a second option I’ll study CSS coding (one day…).

  thesacredpath – I selected two fonts in TypeKit. One for body of posts and the other for all the rest (h1 – h6 and site header and subtitle, menu, etc…)
  That is a lot of Selectors, right?

  Otherwise, if I can just make the headers of my posts to NOT be italic, it will make me feel a lot better. Can you give me the CSS code for that?
  How do I make sure it overrides what is there already?

• 

  timethief · Member · May 11, 2013 at 11:12 pm

  • Copy link

  I don’t help with CSS editing. thesacredpath does.

• 

  thesacredpath · Member · May 12, 2013 at 4:40 am

  • Copy link

  Add this to your custom CSS to get rid of the italics on post and page titles.

  .entry-title, .entry-title a {
      font-style: normal;
  }

• 

  rprozesky · Member · May 12, 2013 at 1:56 pm

  • Copy link

  Thank you! That helps me a lot.

• 

  rprozesky · Member · May 12, 2013 at 2:00 pm

  • Copy link

  For other novices reading this post.

  What I have learned is that you can use Firebug to look at your blog and identify the code for certain sections. You do however still need some CSS programming skills to be able to identify the right Selectors.

  If you can identify the right Selectors you can put them directly into TypeKit Editor to apply across your site or you can write some over riding code in CSS editor for certain sections of your site.

  Please correct me if I’m wrong thesacredpath. And thanks for the help!

• 

  thesacredpath · Member · May 12, 2013 at 4:41 pm

  • Copy link

  You are completely correct and you are welcome.