I just added a post slider to one of my pages and I have a few questions I hope you can help with…
1) Is there a way to increase the Title font size? It’s pretty small.
2) Is there a way to disable the pencil/arrow icons and the hover effect?
3) Is there a way to disable the prev/next arrows to the right and left of the slides when the post slider is set to rotate through posts?
4) This one is probably the most important… When the post slider is scrolling through posts, the content below shifts up and down depending on whether the post title is 1, 2 or 3 lines long… Any way to prevent this from happening? Having all the content below the post slider moving up and down is pretty distracting.
I welcome any CSS you can provide that I can add to the Quick CSS section too.
Thanks!
Hi,
Please add the css below to the very bottom of your /css/custom.css file OR to Quick CSS located in Enfold > (Theme Options) > Layout styling at the page bottom.
1) Title of Post slider (current setting below. if font size becomes too big , adjust line height)
.avia-content-slider .slide-entry-title {
font-size: 14px;
line-height: 1.4em;
}
2) Overlays on hover for images (all set for you)
.avia-content-slider .image-overlay {
display:none !important;
}
.avia-content-slider .image-overlay:hover {
display:none !important;
}
.avia-content-slider .avia-font-entypo-fontello {
display: none;
}
3) Arrows (all set)
.avia-content-slider .avia-slideshow-arrows {
display: none !important;
}
4) Annoying vertical movement (all set but you may need to adjust the height based on your page specifics…)
.avia-content-slider .slide-entry {
height: 310px;
}
Thanks,
Nick
Thank you, Nick… Very much appreciated!