Docs

[stormgoose]

Hi all.

Really simple one – I’m using the ‘Ethos’ stack, and when I try to change the colour of the headings under ‘Typography’ it has zero effect. Font changes and offsets do work, just no colour other than black!

Also, I note there is no setting to change the size of the heading font, so if anyone knows the CSS to achieve that, that would be a real bonus!

Thanks 🙂

[Jade]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[stormgoose]

Hi Jade,

Thanks a lot for your message (especially as it’s the 4th July, so sorry you got the shift on a USA holiday!). I’m going to send you a private message in response, as currently the website is hosted behind a password protected (albeit clear text / non-encrypted) folder on a test domain, as I don’t want Google, etc indexing it whilst it’s in development.

Many thanks 🙂

[stormgoose]

This reply has been marked as private.

[Darshana]

Hi there,

Sure, submit a private message with those information so that we can check.

Thanks!

[stormgoose]

Have submitted details via private message – did you get these ok and any thoughts?

Many thanks 🙂

[Rupok]

Hi there,

Sorry for the confusion since both your reply was posted at the same time and Darshana missed your reply. However we need your WordPress credentials so that we can have a look on the backend. Your provided credentials is for the htaccess security.

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
– FTP credentials

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

Meantime, to control the font sizes of headings, you can add this under Custom > CSS in the Customizer.

h1, .h1 {
    font-size: 400%;
}
h2, .h2 {
    font-size: 285.7%;
}
h3, .h3 {
    font-size: 228.5%;
}
h4, .h4 {
    font-size: 171.4%;
}
h5, .h5 {
    font-size: 150%;
}
h6, .h6 {
    font-size: 100%;
}

Let’s use your own values. You can use pixel value as well.

Cheers!

[stormgoose]

I see! Sorry, was thinking you just wanted to take a look at the front end public facing HTML; that makes more sense you need access to WordPress 🙂

I’ll find the details now and send in a private message. Thanks for the info on the header sizes – perhaps, if it comes to it, there might be a CSS setting I can code in to change the colour of the headings too?

Many thanks,

Bobby

[stormgoose]

This reply has been marked as private.

[Joao]

Hi There,

I have tested your website and changing the colour of the Headings does work. I temporarily changed for blue than wrote an <h1> hello I am an H1</h1> on your home page and it works fine.

Please see image attached.

If you are refering to the page titles, like “Our Firm” you can add the following code to Appereance Customizer Custom CSS and adjust the color according to your wished.

.entry-title {
  color: red;
}

Please let us know if you have any questions.

Thanks

Joao

[stormgoose]

Hi Joao,

Thanks for coming back to me on this. OK, I think I see where the confusion in this might be, and perhaps something for theme.co to think about.

If I go to Customizing -> Typography and under the Headings section and alter the Headings Font Weight, it does that to all headings, including the titles such as ‘Our Firm’.

Same goes for h1 Letter Spacing altering the title / heading such as ‘Our Firm’.

But I’m guessing that Headings Font Color only affects what is clasified as ‘h2’ and higher in the CSS? Is that right? And if so, why is this the case? Is there a difference as it was felt at theme.co that the title / h1 should have it’s own colour variable?

I hope that makes sense. Perhaps you can confirm and in a future X Theme release put some info in to clarify that in the customiser. It’s been extremely infuriating, as I don’t feel what is expressed as should be happening in the customizer is actually the case, even if it is achievable through CSS customisations as I anticipated.

Many thanks 🙂

[stormgoose]

Actually, re-reading your explanation, h1 should be the heading as you typed it in the content in your test. So why when I adjust the h1 letter spacing (em) is it actually altering the spacing on the ‘entry-title’ as defined in CSS you provided above? (perhaps it is doing this on h1 as well, as I don’t have any h1 content) Surely this is a bug in the code?

[Joao]

Hi There,

This is not a Bug.

The page title is an H1 but is also has a class of h-landmark and a class of entry-title.

Each of these classes have some CSS rules that are added to them and that have priority over the original h1 CSS rule.

So in the case of the letter spacing there is no rule on theses classes that has priority over the h1 rule while the color does.

Hope that makes sense and let us know if you need help with anything else.

Thanks

Joao

[stormgoose]

OK – I see. However, whilst I understand what you’ve just technically described, from the sliders, palette selectors, etc, all being under group for ‘Headings’, having some of them affect the primary heading / title on a page and others that don’t is an extremely confusing and disorientating interface design. I’m not really sure what the justification for it is, and perhaps it would be better to add a separate palette selector in a future version for the primary page title?

I can’t be the only person who’s hit on this problem, although maybe other folk have just done the CSS customisation, and ignored the oddness of this without any comment.

Using an RGB varible in CSS for .entry-title is working great though. Thanks for your help with that 🙂

[Friech]

Hi There,

We certainly appreciate the feedback. It really feels its not right, so I did take a closer look. The landmark entry-title (h1) respect the color value on the customizer’s Headings Font Color option for other stacks. But not when you’re on Ethos, so this could be a bug. Let me report this to our Dev Team.

Thanks.

[Author]

Posts