CSS issues transferring from homepage to other pages

Hey KevinNorlander,

Thank you for the inquiry.

The “About” page seems to be displaying correctly. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.

View post on imgur.com

Also, try to temporarily disable the cache plugin and the Enfold > Performance > File Compression settings to make sure that any css modifications are reflected on the front end.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

How did you set the font? It’s only loading on the homepage, probably because you have selected the fonts in the layer slider settings and it only loads on pages where the slider is present. You will need to manually load the fonts on other pages as well.

 	<link href="https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CFraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

Please try this code in the functions.php file:

function ava_load_custom_fonts() {
    wp_enqueue_style(
        'ava-custom-google-fonts',
        'https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Fraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i',
        false
    );
}
add_action('wp_enqueue_scripts', 'ava_load_custom_fonts');

Best regards,
Ismael

Hi,

Great! Glad to know it worked. Since you’re loading the font using the wp_enqueue_style, you might be able to simply turn off the font selection in your layer slider, if we’re not mistaken. Feel free to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael