Timeline – milestone text font size

Hey amollde,

Thank you for the inquiry.

You can use this css code to adjust the font size of the milestone content or description.

.av-milestone-content {
    font-size: 20px;
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

You have to add or create css media queries to adjust the font size on different screens.

// https://www.w3schools.com/css/css_rwd_mediaqueries.asp

@media only screen and (max-width: 767px) {
    .av-milestone-content {
        font-size: 14px;
    }
}

This should adjust the font size to 14px on devices with a maximum screen width of 767px.

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out, and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard