There are only 2 problems with the typography on my homepage:
1. I can't find any option to change the font size and position of the "Auto Typing". It should actually be centered and only half the size. (Actually as big as on the "Kontakt" page.
2. The font size of the headline in the accordion is not responsive. As soon as we are at the tablet size, the font goes out of the frame.
The page I'm talking about is called "Startseite".
I have already searched the articles but unfortunately I can't find anything there about my problems.
1. I've put the auto-type in center by adding the <h3> tags before and after the text, and then added a CSS rule that centers it. Could you please check it now.
2. Under Typography > Abel I have added a font selector:
.homepage-accordions h3
And set the font size for tablet to 18px and mobile to 16px, please also change the padding on these accordions when on different devices as the font size is not the only issue.
thank you so much for helping me. The auto-type part look perfect.
I just don't understand the problems with the accordion with the padding. Do you mean the space between the accordions? In the tablet view, the typo at accordion extends beyond the bar on the far right. Are you talking about this problem?
I leave the CSS code integrated. But I also made the word shorter. The problem is solved - thank you very much! I have another new topic where I can't find a solution. But I'll open a new ticket for that. Kind regards, Florian
Hi,
There are only 2 problems with the typography on my homepage:
1. I can't find any option to change the font size and position of the "Auto Typing". It should actually be centered and only half the size. (Actually as big as on the "Kontakt" page.
2. The font size of the headline in the accordion is not responsive. As soon as we are at the tablet size, the font goes out of the frame. The page I'm talking about is called "Startseite". I have already searched the articles but unfortunately I can't find anything there about my problems.
Many thanks and kind regards,
Florian
Hi Florian,
1. I've put the auto-type in center by adding the <h3> tags before and after the text, and then added a CSS rule that centers it. Could you please check it now.
2. Under Typography > Abel I have added a font selector:
And set the font size for tablet to 18px and mobile to 16px, please also change the padding on these accordions when on different devices as the font size is not the only issue.
Best regards,
Laborator Team
Hi Art,
thank you so much for helping me. The auto-type part look perfect.
I just don't understand the problems with the accordion with the padding. Do you mean the space between the accordions?
In the tablet view, the typo at accordion extends beyond the bar on the far right. Are you talking about this problem?
Kind regards,
Florian
Hi Florian,
The word is too long and there is not enough space so I have added this CSS to break words:
/* Tabs: Break word */ .vc_tta.vc_general .vc_tta-panel-title>a { word-wrap: break-word; }If you don't want to use this fix go to Custom CSS and remove it.
Best regards,
Laborator Team
Hi Art, thank you so much for helping me.
I leave the CSS code integrated. But I also made the word shorter.
The problem is solved - thank you very much!
I have another new topic where I can't find a solution. But I'll open a new ticket for that.
Kind regards, Florian