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/
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
That looks great. Only issue on mobile, there is a some extra white space between the BCCP image and the text below.
Thanks again
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
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/