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

    On my site below the slider, I have a section with an image on the left and then some text on the right
    1- How do I decrease the space between the image and text?
    2- How do I move the text down so it is horizontally aligned with the image on the left?

    The goal is to make it look seamless so BCCP flows nicely into the text as one unit, Please let me know that makes sense.

    Screenshot
    http://postimg.org/image/wr4qp2l2h/

    Site
    http://1c5.964.myftpupload.com

    #603749

    Hi navindesigns!

    Thanks for getting in touch with us!

    Try the following CSS code:

    .flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-builder-el-5.el_after_av_one_half.el_before_av_hr {
        margin-left: 0px;
        bottom: -40px !important;
    }

    Adjust the 0px and the -40px to your liking.

    Best regards,
    Jordan

    #603928

    That looks great. Only issue on mobile, there is a some extra white space between the BCCP image and the text below.

    Thanks again

    #604075

    Hi!

    use this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
    .flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-builder-el-5.el_after_av_one_half.el_before_av_hr {
    margin-top: -55px;
    }}
    

    and adjust as needed.

    Best regards,
    Andy

    #610922

    This looks great on most screens but on some screens it is not always horizontally aligned at the bottom correctly. is there anything we can do about that?

    screenshots

    http://postimg.org/image/xq5s4qoeb/
    http://postimg.org/image/y8nzmx281/
    http://postimg.org/image/720mv2wwd/

    #611274

    Hi!

    Please edit your column on the left and choose to display columns in equal height and choose to display them middle aligned

    Regards,
    Yigit

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