Solved Display bug depending on browser

Hey TinyMarie,

Are you able to share a link to that page?

As you can see, it looks like something is affecting the size of the text on those browsers. It's hard to say what though, without examining the page directly. What you could try inspecting the element, e.g. right-click on the affected text then select "Inspect Element" from the menu that appears (the wording, etc, might vary between the browsers). In the debug panel that appears, look for the styles which are setting the text size - are different styles applying on the different browsers?

I'd also pay particular attention to the "Politique de confidentialité" text since it seems to have both correct text sizing and incorrect text sizing - what is different between the first two words and the last one? Perhaps there is some HTML tags surrounding only part of this text?

 

Thanks for that! I think the issue might be with the use of relative font values (xx-large, x-large, x-small, and so on). Different browsers implement these differently leading to inconsistent text sizing between the browsers.

There are a couple of possible solutions. One would be to replace these relative values with fixed values using a unit such as px or em which is rendered consistently across browsers. For example, you'd replace something like this:

Code:

Log In or Sign Up to view this code.

With something like this:

Code:

Log In or Sign Up to view this code.

If you have a lot of places to make the changes, you could use some CSS to override the affected spans, e.g.:

Code:

Log In or Sign Up to view this code.

Another solution, and arguably the better one, would be to remove these spans / inline font-style settings from your text and instead set the font sizes using the font options Divi provides in the "Design" tab of your modules. Font styles set there should appear the same on different browsers.

I hope that helps and good luck with the project!

 

You're welcome, TinyMarie! Just shout if you have any other issues with it.

Thanks!
Dan