Hello guys,
I’m trying to adjust the colors and font-sizes of the timeline. Using the Avia Layout Builder. But no matter what I do, nothing changes. Can you see for me what’s going on? Maybe I used some code in Quick CSS that overrides something?
Thanks in advance.
Credentials and link to the page in private content.
Hey Alfredo,
Thank you for the inquiry.
Which part of the Timeline element are you trying to change? Would you mind providing a screenshot of the changes that you would like to implement? You can use imgur, savvyify or dropbox for the screenshot. Thanks.
If you want to override the styles of the element manually, you can start with this css code.
#top .av-milestone-content {
color: red;
}
#top #wrap_all .all_colors h4.av-milestone-title {
color: bisque;
}
#top #wrap_all .all_colors h2.av-milestone-date {
color: black;
}
Please make sure to purge the cache and do a hard refresh after adding the modifications.
Best regards,
Ismael
Thanks Ismael for the code. It already looks better.
I would like to make the font-size of the years smaller.
Thanks in advance.
Hi,
Please try this css to change the size of the date:
#top #wrap_all .all_colors h2.av-milestone-date {
font-size: 23px;
}
adjust the number to suit.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Wauw! Thank you. Looks great.
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike