Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 15, 2020 at 7:34 pm #1246110
    eodesign

    Hi,

    Is it possible to make the Avia Timeline Bullets square instead of round, with no background? I’d like to put company icons (jpegs) in the bullets, which are all different proportions and shapes.

    Thank you!

    September 15, 2020 at 10:44 pm #1246125
    eodesign

    I tried this code found on https://kriesi.at/support/topic/timeline-rectangular-pictures/:

    .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner {
    border-radius: 0;
    }

    It did not work after entering it in the Custom CSS window and I also tried themes/enfold/css/custom.css. I cleared the cache twice in the browser and in Enfold with each attempt.

    September 16, 2020 at 1:15 pm #1246321
    Rikard

    Hi,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    September 16, 2020 at 3:40 pm #1246358
    eodesign

    I posted that privately yesterday afternoon with login. I will post it here again. Thanks for any help you can give.

    Please note the page is a test, not live.

    • This reply was modified 5 years, 1 month ago by eodesign.
    September 18, 2020 at 5:24 pm #1246860
    Victoria

    Hi eodesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia-timeline .milestone_icon,
#top .avia-timeline .milestone_inner {
  border-radius: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 21, 2020 at 4:28 pm #1247396
    eodesign

    Thank you very much Victoria..

    For the other part of my question, is it possible to make the background of the squares transparent?

    September 21, 2020 at 4:48 pm #1247400
    eodesign

    I put in this CSS, please let me know if there is a better way to do it:

    #top .avia-timeline .milestone_icon,
    #top .avia-timeline .milestone_inner {
    background-color:#ffffff;
    }

    Thank you again.

    September 21, 2020 at 5:12 pm #1247405
    Victoria

    Hi eodesign,

    This is a way to do it.

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 21, 2020 at 6:11 pm #1247426
    eodesign

    Thank you again Victoria.

    Solved, you can close this one.

    September 21, 2020 at 8:35 pm #1247466
    Victoria

    Hi eodesign,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to make Timeline Bullets square?’ is closed to new replies.