Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1375965

    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.

    #1376020

    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

    #1376038

    Thanks Ismael for the code. It already looks better.

    I would like to make the font-size of the years smaller.
    screenshot

    Thanks in advance.

    #1376292

    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

    #1376380

    Wauw! Thank you. Looks great.

    #1376409

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Timeline styling not reacting’ is closed to new replies.