Using Spectral font in rev slider

[Pbalazs89]

Hi there,

ISSUE #1

I’m trying to use Google’s Spectral font in Rev slider.
However, after I add it, the css updates, but the font does not load. Any idea why?

Google Fonts

https://www.hotelnoble.hu/home/

ISSUE#2

I’m using header builder to build a contained menubar. The menu items should have a color, the bar itself should be transparent. However, if I add transparent to the menu bar, it gives it a slight yellow / peachish background. What is causing this?

Thanks!

[lely]

Hi @Pbalazs89,

1.) Try this please:
In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true."
Find the double jquery.js include and remove it.

2.)Did you figure this out? Your current bar is transparent when I check. Only the menu has background:

[Pbalazs89]

Hi there,

Unfortuantely, both issues both exist. I tried turning on Put JS as well, but that did not fix the issue eiether. The background issue only comes up after page load, then fades to transparent.

I made a quick video to better explain the issues.

[paul.r]

Hi @Pbalazs89,

To remove the background, you can add this in Theme Options > CSS

body, .site { background:transparent !important;}

With regards to the font, it is showing up fine on my end as well. Can check in Chrome incognito mode.

Thanks