Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2020 at 9:16 pm #1205958
    mcederberg-wc

    Hi Kriesi team,
    I am trying to style a full width button like this: https://washingtoncompanies.canto.com/b/L1KVM

    Can you help me to understand how I left align the content, as well as get the icon to show in a red circle?

    I can use a different element (rather than full width button) if need be.

    Thank you!

    April 22, 2020 at 9:59 am #1206101
    Nikko

    Hi Monica,

    You can post the password in the Private Content, just located below.
    Anything posted in there is only shown to moderators and the thread creator.
    Please post it there so any moderator can respond.

    Best regards,
    Nikko

    April 22, 2020 at 2:00 pm #1206198
    mcederberg-wc
    This reply has been marked as private.
    April 22, 2020 at 5:34 pm #1206284
    Nikko

    Hi Monica,

    Thanks for giving us admin access.
    I have added this CSS code in Quick CSS:

    #top .avia-button-fullwidth.avia-icon_select-yes-left-icon {
    padding-left: 100px;
    text-align: left;
}

#top .avia-button-fullwidth.avia-icon_select-yes-left-icon .avia_button_icon_left {
    font-size: 60px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12.5px;
}

    As for the button colors you can change it on the button itself.
    This CSS code only works for full-width buttons with icons positioned on the left.

    Best regards,
    Nikko

    April 22, 2020 at 5:37 pm #1206286
    mcederberg-wc

    Awesome, thank you so much!

    April 22, 2020 at 6:31 pm #1206309
    Nikko

    Hi Monica,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.