Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 21, 2014 at 9:59 pm #307544
    Kevin

    Hello Support,

    http://lw.bypundyk.com/
    How can we make the 3 images that are below the form & social icons to be the same with as the background color background. Currently its set as this:

    The images i’m talking about are the ones that say “Ready for a new Liis on Life?….

    We want it to align like the example below and the padding with the 3 images is it possible to do the same.

    Hope to hear from you soon.

    Thanks,
    MP

    August 21, 2014 at 10:01 pm #307545
    Kevin

    Actually added the following code:
    @media only screen and (min-width: 1140px) {
    .page-id-2890 div#av_section_1 .container {
    width: 1140px;
    }}

    This made the image align but htere is a big gap between the images and was wondering what I would need to do to decrease the padding so it looks like the screenshot that I provided.

    Thanks again for your help.

    MP

    • This reply was modified 10 years, 4 months ago by Kevin.
    August 22, 2014 at 8:25 am #307641
    Ismael

    Hey!

    Thank you for the info.

    You can add this on Quick CSS or custom.css to change the width of the second column with the two images:

    .flex_column.av_two_fifth.avia-builder-el-13.el_after_av_three_fifth.avia-builder-el-last {
margin-left: 1.4%;
width: 41%;
}

    You need to add images with height equal to the first one. Or you should probably custom code it. Add a 1/1 column then add a text block inside. Use html codes to add the images.

    Best regards,
    Ismael

    September 27, 2014 at 2:57 pm #325959
    Kevin

    Thank you for your help.

    MP

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Making Images align with background width on Homepage’ is closed to new replies.