Can anyone help increase the size of a h3 heading?

• 

  laurapalmerwp · Member · Apr 23, 2015 at 2:07 pm

  • Copy link
  • Add topic to favorites

  Hi,

  This is for a client’s website: https://mygoodmeasure.wordpress.com/

  I understand that heading styles display in a particular hierarchy. However, isn’t it possible to increase an H3 style just even slightly?! I’d like to bump it up a size or two, but it won’t budge.

  An example is on: https://mygoodmeasure.wordpress.com/fitted-furniture-bespoke-interiors-kent-london/

  I’ve made it sit in a light beige block in order to make it look a little less lost – but would like it a bit larger if possible.

  Also, I can see my Share this style – also has inherited the italic style and background colour of my H3 style. I’d like to remove the background colour at least from it.

  Anyone help on this?

  Thanks, Laura

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

• 

  shawnajroberts · Member · Apr 23, 2015 at 9:01 pm

  • Copy link

  Hi Laura! Can you tell us the code you’ve tried so far?

  It sounds like you’re probably running into a specificity issue in both of these cases. Generally, when you add CSS, you should be as specific as possible to avoid design leak, like what you’re seeing in your Sharing styles.

  Here’s some information about specificity in CSS selectors:

  • https://css-tricks.com/specifics-on-css-specificity/
  • https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
  • http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/