Thank you for getting in touch with us. My name is John, and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The two versions seem to use different fonts, meaning those layers will have different sizes. That's the reason why they aren't aligned consistently. The fix would be to specify a fixed width under layer styles and use right-aligned text with the controls below. You can set the width value larger than the actual layer size to have a bit of extra room to account for differences in font rendering on different systems.
I'd recommend fixing the font family issue first, and then you'll likely don't have to bother with the above suggestion. Likely, one of the computers doesn't have the used typeface installed, which is why the web browser falls back on using a different font. Please make sure to use fonts that are available on every system, or the web browser can load them on-the-fly. LayerSlider has Google Fonts integration, so any font family you choose from there will work correctly for every visitor on every system.
Thank you for the fast reply on this. I have checked and both computers are using Oswald which is a Google font. See the screen shots of each one attached.
The font-family set on the element that Firefox's Inspector shows isn't a reliable way to tell which font the web browser actually uses. There's a separate Fonts tab on the right sidebar that might reveal something useful. We primarily use Chrome for development, and its DevTools shows this at the bottom of the Computed tab. I have less experience with how reliably Firefox reports things like this, so it might be worth checking out.
I've checked your site both on a Mac and PC and got a consistent look corresponding to your Mac screenshot with the bolder font. You may also have the Oswald font installed locally, and the web browser doesn't try to load it from Google Fonts. This can be a problem if the two fonts aren't the same or if you didn't install all font-weight variants.
When I update the type to align right aligned it looks different from one computer to another. They are all supposed to be aligned on the right side.
Attached files: Firefox_Screenshot_2022-09-01T23-40-11.702Z.png
Screen Shot 2022-09-01 at 4.39.26 PM.png
Hi Jason,
Thank you for getting in touch with us. My name is John, and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The two versions seem to use different fonts, meaning those layers will have different sizes. That's the reason why they aren't aligned consistently. The fix would be to specify a fixed width under layer styles and use right-aligned text with the controls below. You can set the width value larger than the actual layer size to have a bit of extra room to account for differences in font rendering on different systems.
I'd recommend fixing the font family issue first, and then you'll likely don't have to bother with the above suggestion. Likely, one of the computers doesn't have the used typeface installed, which is why the web browser falls back on using a different font. Please make sure to use fonts that are available on every system, or the web browser can load them on-the-fly. LayerSlider has Google Fonts integration, so any font family you choose from there will work correctly for every visitor on every system.
Best Regards,
John | Kreatura Dev Team
Thank you for the fast reply on this. I have checked and both computers are using Oswald which is a Google font. See the screen shots of each one attached.
https://dev.galaxypress.com/l-ron-hubbard-bestselling-novels/fear/
I also checked in the Layer settings and the Google fonts is enabled. See screen shot.
Can you check on your end the links and screen shots in regards to the font issue.
Attached files: Slider on PC.png
Slider on MAC.png
Screen Shot 2022-09-02 at 2.48.17 PM.png
The font-family set on the element that Firefox's Inspector shows isn't a reliable way to tell which font the web browser actually uses. There's a separate Fonts tab on the right sidebar that might reveal something useful. We primarily use Chrome for development, and its DevTools shows this at the bottom of the Computed tab. I have less experience with how reliably Firefox reports things like this, so it might be worth checking out.
I've checked your site both on a Mac and PC and got a consistent look corresponding to your Mac screenshot with the bolder font. You may also have the Oswald font installed locally, and the web browser doesn't try to load it from Google Fonts. This can be a problem if the two fonts aren't the same or if you didn't install all font-weight variants.
Best Regards,
John | Kreatura Dev Team