Make sizes of H1-H6 one level smaller - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
November 24, 2020 at 2:46 pm #1262680

swisstraveler
Participant

ATTENTION: I AM NOT SURE WEATHER I HAVE SUBMITTED THIS ALREADY, I found nothing in my account (cancel it if necessary)
Hi,
I consider the sizes of H1-H6 as not adequate for my website and I would like to change this.
The title of my posts (permanent link) is between H2 & H3 (if I remember correctly this was fixed like that because of different issues). Accordingly, I used H4-H6 for my posts because I found it suitable in sizes at the time (wrongly as I know now, from the visual point of view and because of SEO). Purely visually, I should use H2-H4 but that’s another problem (I have to fix this).
But to the point, H1 is too big for my website (look at home page, title under slider “Welcome to Swiss Traveler” is in H1). Here I think I should use H2 instead (but you should always start with H1 because of SEO). The same is true for posts (now H4-H6 as described above). Here size H2-H4 would be ideal. Therefore, could you please advise on how to make H1-H6 one level smaller, so that the largest title is in H2 size (but labeled H1). The same should apply for H2-H5 (I suppose you cannot make H6 smaller as there is no H7?).
I hope you get what I mean. Many thanks for your help!
Kind regards, Franziska

November 24, 2020 at 2:50 pm #1262684

Yigit
Keymaster

Hi Franziska,

Thanks for contacting us!

Have you tried adjusting heading elements in Enfold theme options > Advanced Styling tab? :)

Best regards,
Yigit

November 24, 2020 at 4:13 pm #1262727

swisstraveler
Participant

Hi Yigit
Thanks for your reply.
Do you mean: Select an element to customize: All headings (H1-H6) – Font Weight? Funnily enough, this section appears twice with my website, the one at the top says Font Weight Default, the one further down says Font Weight 200. What is this supposed to mean? I made the Font Weight 200 with both sections, but nothing happened. What shall I do?
Thank you.
Best regards, Franziska

November 25, 2020 at 7:53 am #1262931

Rikard
Keymaster

Hi Franziska,

You can set the font size for the individual tags in the same place, the option you are referring to is general for all headers. Please try that out to see if you have any luck with it.

If you need further help then please post admin WordPress login details in private, and let us know what is not working for you.

Best regards,
Rikard

November 25, 2020 at 11:27 am #1262970

swisstraveler
Participant

This reply has been marked as private.

November 26, 2020 at 5:46 am #1263178

Rikard
Keymaster

Hi Franziska,

Thanks for that. I added the h1 element under Enfold->Advanced Styling and set it to 32 pixels font size, and that is working on your actual site. We don’t really know which pixel sizes you want for the rest of the headers, so maybe you could try to add them yourself in the same place? If not then let us know which sizes you want and we’ll add them for you.

Best regards,
Rikard

November 26, 2020 at 10:08 am #1263212

swisstraveler
Participant

Hi Rikard
Thank you very much, I get it now and adjusted H1 & H2.
As a consequence, I have a problem with the font size in the mobile’s slider on the home page only (it is fine on the desktop version). When I changed the H2 to 26px, the font size in the slider became too large. When I changed it again to 18px, it was just right. How come? But I need the H2 to be 26 px and the font size in the mobile’s slider 18px. What is to do? Could you advise please.
Thanks, Franziska

November 27, 2020 at 4:17 am #1263432
Rikard
Keymaster
Hi Franziska,

Thanks for the update. Please try this in Quick CSS, in order to adjust the slider font size on mobile:
```
@media only screen and (max-width: 767px) {
.home .slideshow_align_caption h2.avia-caption-title {
  font-size: 18px !important;
}
}
```
Best regards,
Rikard
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.