[highlandadventuresParticipant]

how can i modify the h1, h2 and h3 font size, color and other charatcteristics? thanks,

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

You can change heading style property from Appearance > Customize > Typography. You can also add following CSS under Custom > CSS in the Customizer:

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
{
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ddd;

 }

Hope that helps.

Thanks.

[curtdsParticipant]

I don’t know CSS so isn’t there a way within the theme to change the font family and color of h1, h2, h3, etc.? As well changing the color of the social icons? Thanks.

Curt

[ChristopherModerator]

Hi there,

Please change font family and color under Customize -> Heading. To change color of social icons you need CSS.
Please provide us with URL.

Thanks.

[garygallo1Participant]

Themmeco support. So we know that only the paragraph and general header font attributes can be changed in customizer. If I want H1 to b 36px red and H2 to be 28px black, my only solution is custom CSS code? It seems like a sophisticated Theme like X and builder like Cornerstone would make it easier to do this. This is very basic to website design.
Divi and many other themes have the ability to make each header tag different from the others.
Thanks, Gary

[JoaoModerator]

Hi Gary,

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

In the meanwhile you can cut and paste the code above provided in Appereance Customizer Custom CSS

If you need help with anything please provide us more details and we will provide you a tailored solution.

Thanks

Joao

[garygallo1Participant]

Maybe this is buried somewhere in all these posts, but if you Google the right keywords, you can find the answer. All I had to do was install the Easy Google Fonts plugin. This added another Typography option to the customize menu. You can change all the attributes of P, H1-H6. Font family, color, size, italic,…….. See the attached screen shot.
Gary

[JoaoModerator]

Thanks for sharing with the community Gary.

Let us know if we can help with anything.

Joao

[fatcatgraphicsParticipant]

For some reason I have always added styles to my headings in the customizer and its not working this time. The settings that are made in the customizer under typography seems to be unable to be changed.

Here is my site: http://bd2.d9b.myftpupload.com/

Thank you for your time,
Rena

[JoaoModerator]

Hi Rena,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[fatcatgraphicsParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi Rena,

Update your Appereance > Customizer > Custom > CSS

From :

.h1,h1,.h2,h2
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: red;

 }

body .x-navbar .x-navbar-inner {
    padding-bottom:9px;
}
.x-topbar-inner p { font-size: 14px;   padding-top:10px;color:rgb(81, 81, 81); font-family: "lato","Helvetica Neue",Helvetica,sans-serif;
}

.x-logobar {
text-align: left;
background: url(your image url here) no-repeat center center;
background-size: 100% auto;
}

@media (max-width: 768px){
    .x-slider-container.below {
        display: none;
    }   

hr {
border-top: 2px solid grey;
}

to:

.h1, h1, .h2, h2 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: red;

 }

body .x-navbar .x-navbar-inner {
    padding-bottom:9px;
}
.x-topbar-inner p { font-size: 14px;   padding-top:10px;color:rgb(81, 81, 81); font-family: "lato","Helvetica Neue",Helvetica,sans-serif;
}

.x-logobar {
text-align: left;
background: url(your image url here) no-repeat center center;
background-size: 100% auto;
}

@media (max-width: 768px){
    .x-slider-container.below {
        display: none;
    }   
    }  
hr {
border-top: 2px solid grey;
}

Hope that helps

Joao

[fatcatgraphicsParticipant]

Perfect, thank you!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts