Cannot make button (and the button text) in slider revolution smaller

Support
#1

Hey Guys,

Before when I used slider revolution and I changed the font size of the text ‘View Case Studies’ the button would adjust its size automatically. Now when I change the font size, the font size nor the button responds to the change in size. However, I am able to move the button and alter other elements of the slide but the text in the button and therefore the button itself does not respond to size changes (I want to make it smaller). Please help if possible, my page is www.consultparv.com and the slider is at the top of my home page.

#2

Hi There,

Thank you for writing in, there is a CSS styling in the Ethos stack that is affecting the Revolution Slider button. Please add the custom CSS below on Theme Options > CSS and adjust it where you see fits.

.rev_slider_wrapper .x-btn {
    padding: 0.563em 1.125em 0.813em !important;
    font-size: 1.1rem !important;
}

Hope it helps,
Cheers!

#3

Hey Friech,

It fixed the slider button for the desktop version but now the button on the slider for my mobile version has gone super big and cannot change that in Slider Revolution. Can you also help with that by any chance?

#4

Hi There,

Please update the given CSS code to this:

@media (min-width: 768px) {
	.rev_slider_wrapper .x-btn {
	    padding: 0.563em 1.125em 0.813em !important;
	    font-size: 1.1rem !important;
	}
}

This means that the code will only trigger if the viewer’s screen-size is 768px and larger, but not when 767px and below which most (if not all) mobile screens are.

Hope it helps,
Cheers!

#5

It seems to be working, thanks a lot :slight_smile:

#6

You’re welcome :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.