-
AuthorPosts
-
March 24, 2018 at 7:45 pm #932461
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!
March 24, 2018 at 11:43 pm #932515Hey 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,
VinayMarch 25, 2018 at 8:04 am #932549Hey 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,
KjerstiMarch 25, 2018 at 10:13 pm #932713Hi,
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,
VinayApril 3, 2018 at 10:26 am #936433Thanks,
This worked perfectly :)Best regards,
KjerstiApril 3, 2018 at 1:18 pm #936528 -
AuthorPosts
- You must be logged in to reply to this topic.
