I believe that the title of this topic says it all.
Did not find a easy way to reduce the space between the columns inside a content slider.
Still without any clues. Tried to reduce/increase the number of columns in content slider but the “padding”/space between columns stills. If I change the window size the columns become narrower but the space did no change.
Any suggestions?
Hey!
Can you please post the link to your page where we can see your content slider?
Best regards,
Yigit
Hi Yigit,
Here is the link:
It’s a simple page only for tests.
What I need is to have the ability to adjust the “padding”/space between the columns of the content-slider.
Thanks in advance.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.slide-entry.av_one_fifth {
margin-left: 2%;
width: 18%;
}
Best regards,
Yigit
Hi Yigit!
Thank you very much for showing me a direction to go!
So it seems that the column width/padding was set at the <section> that wraps every slide content.
As I would like to have the first column left aligned with the title of the content-slider I ended with the following css rules in my child theme:
.slide-entry.av_one_fifth { margin-left: 2%; width: 18.4% }
.slide-entry.av_one_fifth.first { margin-left: 0; width: 18.4% }
In case I decide in the future to change the slider to display 4 or 6 columns the only thing I will have to adjust is the “.av_one_fifth” class selector accordingly right?
Hi,
Yes that should work I think, please let us know if you should need any further help on the topic.
Thanks,
Rikard
Thanks, you can now close this topic.
Regards,
— Petroni