How do I change the font for this H1 style?

Copied from:
http://www.w3schools.com/html/html_css.asp

Example

body {
    color: blue;
}

h1 {
    color: #00ff00;
}

h2 {
    color: rgb(255,0,0);
}

Select allOpen in new window

I know how to do that.

I need to find where in the style sheet the H1 is changing the font, size, etc.

As I can see you have to change the setting in .page-title h1 class from index page.

The current font size is 18px and color is #333333

This class maybe in your header.php page.

Thanks
Edwin

I see no style changes in header.php.

and when I try to change this:

.page-title h1{
      font-weight:normal;
      font:18px 'MuseoSlab500Regular', arial, helvetica, sans-serif;
      line-height:26px;
      color:#343333;
      margin:0;
      padding:0;
}

nothing changes.

Any ideas?

If you go to the folder where the files are located and edit the:

body.page.page-id-5652.page-template.page-template-full-width-php.light

You will see the entry:

//*[@id="post-5652"]/div/h1

This is the header information for the header in question.

and where is that?

Thanks! This one was driving me nuts.

Line 6766 on the style sheet is this:

#mobile-nav li.mobile-nav-item li li a:before  {
      content: "--";
      margin-left:6px;
      margin-right:2px;
}

can you give me the tag to search by instead?

.post-content h1, .title h1, .woocommerce-success-message .msg, .single-product .woocommerce-message {
    color: #333 !important;
}

Find out this line.

Seetharaman.N

and change only .post-content h1

.post-content h1{
color: #your desired color code
}

not the others.. if you change it there, it would affect all other styles also.

thanks again!

You are welcome.