can't seem to override theme's entry-title text-transform settings

• 

  technologyofcopyright · Member · Apr 19, 2016 at 12:52 pm

  • Copy link
  • Add topic to favorites

  I just adopted the Origin theme, and I have custom CSS. I would like to turn off the all caps that the theme insists on defining for entry headings. So I put the following in my custom CSS:

  h2.entry-title {
  text-transform:none;
  }

  But it doesn’t seem to do anything, no matter what I set text-tramsform to. On the other hand, other changes like font-weight:bold work fine. Any idea what I’m doing wrong? Thanks!!

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

• 

  thesacredpath · Member · Apr 19, 2016 at 8:30 pm

  • Copy link

  Hi, inspecting that element with my web inspector, you are ever so close. We just need to make a slight adjustment to the CSS selector like this.

  .hentry .entry-title {
      text-transform: none;
  }

• 

  technologyofcopyright · Member · Apr 21, 2016 at 3:32 pm

  • Copy link

  Thanks so much. Now I am trying to change the color of the heading text. I put

  color: blue;

  in the .hentry .entry-title code, but nothing happens (same with other colors). Can you tell me what I’m doing wrong here?

• 

  thesacredpath · Member · Apr 21, 2016 at 8:29 pm

  • Copy link

  There are actually two places the color is set for the entry title, which is a bit strange. Change the CSS selector on that rule to this.
  .hentry .entry-title, .hentry .entry-title a

• 

  technologyofcopyright · Member · Apr 21, 2016 at 9:56 pm

  • Copy link

  Thanks, this worked!

• 

  thesacredpath · Member · Apr 22, 2016 at 1:07 am

  • Copy link

  Awesome, and you are welcome.