Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • August 2, 2014 at 6:34 pm #299169
    Courtney

    Hi there :)
    I’d like the icons to be center aligned under the Doctor’s name …. how do i do that? When i set center for alignment in the icon box they go on top of eachother. I’d like them to be exactly as is, just want them all center aligned under the doctor’s name.

    • This topic was modified 10 years, 4 months ago by Courtney.
    August 4, 2014 at 5:04 am #299499
    Ismael

    Hi courtney_martin!

    Thank you for using Enfold.

    I’m sorry but which icons and what section of the page? A screenshot will help.

    Best regards,
    Ismael

    August 4, 2014 at 4:22 pm #299727
    Courtney
    This reply has been marked as private.
    August 4, 2014 at 4:25 pm #299730
    Courtney
    This reply has been marked as private.
    August 4, 2014 at 4:33 pm #299742
    Courtney
    This reply has been marked as private.
    August 5, 2014 at 2:24 am #299958
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .flex_column.av_one_third.avia-builder-el-2 .av_font_icon {
    float: none !important;
}

.flex_column.av_one_third.avia-builder-el-2 .av_font_icon, .flex_column.av_one_third.avia-builder-el-2 .av_font_icon a{
    display: inline !important;
}

.flex_column.av_one_third.avia-builder-el-2 {
    text-align: center !important;
}

    Cheers! 
    Josue

    August 5, 2014 at 3:04 am #299979
    Courtney
    This reply has been marked as private.
    August 5, 2014 at 3:05 am #299981
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    October 2, 2014 at 12:53 am #328585
    Courtney
    This reply has been marked as private.
    October 2, 2014 at 1:47 am #328604
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-builder-el-4 .avia-icon-pos-left {
    float: none;
    display: inline-block;
}
.avia-builder-el-4 {
    text-align: center;
}

    Cheers! 
    Josue

    October 2, 2014 at 4:53 am #328639
    Courtney
    This reply has been marked as private.
    October 2, 2014 at 5:04 am #328640
    Courtney
    This reply has been marked as private.
    October 2, 2014 at 5:11 am #328641
    Courtney
    This reply has been marked as private.
    October 2, 2014 at 5:14 am #328644
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 180px;
    height: 180px;
}

    Regarding the icons at the bottom you could try setting the alignment of the first to “right” and the last to “left” so they get closer.

    Cheers! 
    Josue

    October 2, 2014 at 5:36 am #328645
    Josue

    For the testimonials on mobile, add this:

    @media only screen and (max-width: 767px) {
    #top .av-large-testimonial-slider .avia-testimonial-content{ border:none; padding: 0; background: transparent; font-size: 1em; line-height: 1.4em;}
    #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial{ padding: 0px 30px; }
    #top .av-large-testimonial-slider .avia-slideshow-arrows a{ font-size: 22px; top: 25%; margin: 0;}
}

    Best regards,
    Josue

    October 2, 2014 at 6:17 am #328652
    Courtney

    BRILLIANT!!!

    Thank you so much that would have taken me foreeeever to figure out… You are a life saver!

    October 2, 2014 at 6:19 am #328654
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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