Hi,
I would like to resize the title in the content slider.
I have done this with the following code:
.avia-content-slider .slide-entry-title {
font-size: 20px !important;
}
The problem is that this also affects the title size of the blog posts on the page. Is there away i can change the size og the titles only in the content slider?
Thanks!
Hey Kjersti,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
/* Content slider title */
.avia-content-slider h3.slide-entry-title {
color:gold;
font-family:'EB Garamond', serif;
text-transform: uppercase;
padding:0!important;
}
For more info please feel free to check this link
Best regards,
Vinay
Hey Vinay,
Thank your for helping me with this.
When using the Element Content-Slider every slide title is displayed in a <h3>-Tag, the same as the blogpost titles.
This code therefore also affects both.
Is it possible to get around this?
Kind regards,
Kjersti
Hi,
Please try the below code:
/* Content slider title */
.avia-content-slider-element-container h3.slide-entry-title {
color:gold;
font-family:'EB Garamond', serif;
text-transform: uppercase;
padding:0!important;
}
If that doesn’t work for you enable custom CSS class name for ALB element.
Assign a custom class “my-content-slider” to the content slider element and use the below code.
/* Content slider title */
.my-content-slider.avia-content-slider h3.slide-entry-title {
color:gold;
font-family:'EB Garamond', serif;
text-transform: uppercase;
padding:0!important;
}
Best regards,
Vinay
Thanks,
This worked perfectly :)
Best regards,
Kjersti