Changing colour and size of H1 tags

• 

  eldcreative · Member · Oct 25, 2016 at 10:20 pm

  • Copy link
  • Add topic to favorites

  Hello

  I’m trying to find the code to add to the CSS so I can change the size and colour of my H1 tags but i can’t seem to make it work

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

• 

  timethief · Member · Oct 25, 2016 at 10:26 pm

  • Copy link

  If you have the required upgrade you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

• 

  somayyehblog · Member · Oct 26, 2016 at 8:27 am

  • Copy link

  hi.I typed the code you need me.

  Text test

  jahansite.com

• 

  kathrynwp · Staff · Oct 26, 2016 at 6:05 pm

  • Copy link

  This will change the colour and size, respectively, of the h1 tags used as entry titles. The targetted elements need to be quite specific to take effect. For example, wf-active needs to be used in the second case since you’re using a custom font.

  h1.entry-title {
    color: #f8bfb8;
  }
  
  .wf-active .entry-header h1.entry-title {
    font-size: 32px;
  }

  If you need to chagne other h1 tags, you’ll need to craft other CSS declarations to target them.

  Here are some helpful posts that will help you determine which elements to target:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  https://thewc.co/articles/view/web-inspector-tutorial

  https://cssworkshop.wordpress.com/

  As timethief mentioned, the CSS forum is the best place to go if you need further help.