Marquee and project index in firefox
-
Hi,
we have an issue with marquee and project index in firefox.
In Chrome and Safari everything looks fine and font and background are centered like this:In Firefox all fonts are too far up and even cut off at the top for the marquee parts:
We tried to fix it within the .css but could not get it to work.
Is this a bug or do you have a suggestion for a firefox specific .css?The site is currently under construction but you can see the issue here:
paulsboutique.de/gogogoThanks a lot,
Florian -
@paulsboutique in the "_Categories_no_spaces" font-setting, if you change the font to "Helvetica neue" and the line height to "1" it looks more even. Different browsers can interpret styles differently. maybe you find a "true" Helvetica web font and not use the one that the computer has preinstalled, which you do right now. TexGyreHeros is a great open source alternative: https://ctan.org/pkg/tex-gyre-heros?lang=de
-
thanks a lot @felix_rabe ! Changed it to Helvetica neue and line height 1. It looks much better now – even though we kind of like the 0,9 line height. Might try the TexGyreHeros later, but for now we're pretty happy!
-
Thanks a lot, Felix. That's a really great answer.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it