Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 21, 2014 at 7:58 am #307206
    slui

    Hi,

    I want to put two images side by side and the two images would equal the width of a single background of a color section. There should be no spacing between the images and aligned with the section above.

    I’ve attached an example of what I’m trying to accomplish. If you look at the link below, you will see that I have used the following code:

    (KIDS/COSMIC – see attached image)
    <div class=”flex_column av_one_half first”></div>
    <div class=”flex_column av_one_half “></div>

    You can see the width of these two images are the same width as the color section.

    It isn’t working out the way I wanted to. In addition, I need to be able to add text on top of these images. Lastly, I also want this to responsive meaning that one image and the text will fall below on smaller screen devices.

    I look forward to hearing from you.

    sl

    • This topic was modified 10 years, 2 months ago by slui. Reason: More details
    August 21, 2014 at 8:45 am #307220
    slui

    In addition, if you look at the website under the “LEAGUES” section, I’m trying to position the text higher so that it doesn’t sit on the trophies. Can you please help out with this?

    Thanks.

    August 21, 2014 at 5:14 pm #307454
    Yigit

    Hey!

    Please firstly give your color section element a unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) then add following code to Quick CSS

    #your-custom-id .container { width: 100%; }
#your-custom-id .content { padding: 0; width: 100%; }
#your-custom-id .av_one_half { margin: 0; width: 50%; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Images Side By Side’ is closed to new replies.