Can't change font in Revolution Slider – Themeco Community

Can't change font in Revolution Slider

Claire V — Sun, 06 Jul 2014 00:59:19 +0000

Hello, I am trying to change the font in a revolution slider to Libre Baskerville. I clicked Yes option for Load Google Font, put in the font family link, and Libre Baskerville is now showing up in the font drop down when I go to Edit Style of a text layer. The problem is when I go to change the font, the change is not reflected in either the preview or on the live site. Even if I try to change it to one of the preloaded fonts like Georgia, it still won’t change. It stay Arial no matter what I do. I’ve read through all the material on the forum, the support link referenced a few times, and the knowledge base information, and I still can’t figure out how to fix it. Some responses say to put font family: libre baskerville into CSS, but not exactly sure where to do that, in the CSS box in Customizer? In Global Style? (if I open Global Style it says Ajax error…?)

Would really appreciate help to resolve this, in plain language I am still a novice.
Website: http://whatcommfg.com/wordpress/dairy-equipment/

Wordpress 3.9.1
X Theme 2.0.0
Chrome Browser

Reply To: Can't change font in Revolution Slider

Claire V — Sun, 06 Jul 2014 01:00:22 +0000

This reply has been marked as private.

Reply To: Can't change font in Revolution Slider

Claire V — Sun, 06 Jul 2014 03:31:11 +0000

also there is a thin grey bottom border on the slider that I can’t get ride of, and also looks like slivers of grey on the sides as well. how do I hide/fix that? I tried all the Appearance options in the Slider settings and can’t figure it out. Its like its trying to be 3D but I would rather have it Flat.

http://whatcommfg.com/wordpress/dairy-equipment/

Thank you!

Reply To: Can't change font in Revolution Slider

Rad — Sun, 06 Jul 2014 23:19:04 +0000

Hi Claire,

Thank you for writing in!

The font works, here is the test I created http://whatcommfg.com/wordpress/a-slider-font-test/. Loading font isn’t enough, you will have to edit your layer style just like the sample. Then apply your font as reference to this http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic

http://awesomescreenshot.com/01633omk4f

Then add this css at your customizer’s custom css to remove gray border.

.x-slider-revolution-container {
border: 0px !important;
}

Hope this helps.

Reply To: Can't change font in Revolution Slider

Claire V — Sun, 06 Jul 2014 23:32:38 +0000

Ok it seems to be working now, thank you. What about the grey bottom border on the slider?

Reply To: Can't change font in Revolution Slider

Christian — Mon, 07 Jul 2014 08:08:23 +0000

Hey Claire,

Can you give us a screenshot of the thin line? There seems to be no line on our end.

Thanks.

Reply To: Can't change font in Revolution Slider

Claire V — Wed, 09 Jul 2014 04:15:54 +0000

its very thin, makes the slider look like its trying to be 3D but I’d rather it have a flat look with no grey line at the bottom

thanks!

Reply To: Can't change font in Revolution Slider

Claire V — Wed, 09 Jul 2014 04:17:59 +0000

do you also see that haze? the part of the brown slider that is within the container of the website is slightly lighter than then ends of it. there is only that one image layer of brown in the slider.

Reply To: Can't change font in Revolution Slider

Christian — Thu, 10 Jul 2014 01:02:27 +0000

Hey Claire,

For the border, please add the code below in the Customizer > Custom > CSS.

.x-slider-revolution-container.below {
border-bottom: 0;
}

For the slight color difference, select (click) the layer which contain your image (see http://prntscr.com/415l2k) and assign an ID to it (see http://prntscr.com/415js2). Then, add the CSS in the Customizer > Custom > CSS.

#your-given-id { opacity: 0 !important; }

Hope that helps. 🙂

Reply To: Can't change font in Revolution Slider

Claire V — Fri, 11 Jul 2014 21:20:27 +0000

The CSS to hide the bottom border worked great – thank you.

for the color difference issue, does the ID need to be something specific or follow a particular format? I’ve tried a couple things and I keep getting a “Wrong Request” error.

haven’t done IDs before, novice language appreciated 😀

thanks! – Claire