Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #391081

    Hey Folks – I mocked up a design using the PSD file included in the theme and there is section at the bottom of the home page where there are three images with a border around it. The images are also next to eachother with very little margin or padding between them – see screenshot

    http://awesomescreenshot.com/0974cbw532

    What is the best way to make this happen?
    I’d like to use normal pages if possible rather than a ‘portfolio’ and I’m using the featured image on the page.

    Cheers

    #391082

    sorry and here is a link to the dev site and you can see the images at the bottom aren’t anything like the mock up

    http://sdtest.info/ntq/

    Cheers

    #391083

    sorry and here is a link to the dev site and you can see the images at the bottom aren’t anything like the mock up

    http://sdtest.info/ntq/

    Cheers

    #391229

    Hi!

    Put three aligned-left Images inside a 1/1 Column.

    Regards,
    Josue

    #392874

    Hey Josue – thanks however this didn’t work

    http://sdtest.info/ntq/

    1 – I tried adding them at a smaller size and they sat next to eachother but they aren’t aligned properly and there’s too much white space the right -see screenshot
    http://awesomescreenshot.com/0674d56o67

    2 – then i tried adding them at full size (which is what I want) and they just dropped under eachother

    http://awesomescreenshot.com/00d4d56zbd

    these are all in the 1/1 by the way

    3 – then i tried just adding them using the ‘text block’ module and this didn’t work either (both in and out of the 1/1 column)

    http://awesomescreenshot.com/0684d58449

    What do I have to do to align my images in 3 columns without using the ‘image’ and ‘colum’ modules which compromising the size of the images?

    #393381

    Hey!

    Try putting them using the Add Media button instead (inside a single Text Block).

    Cheers!
    Josue

    #394118
    This reply has been marked as private.
    #394225

    Hey!

    Seems you managed to do it here, is that correct?

    Regards,
    Josue

    #396068

    hey Josh – kind of – except that I have to use the <center> tag to get them sitting next to eachother. and I can’t get the titles under them without beaking the layout.

    I’ve gone back to using your column layout module (1/3) is there anway I can target these specific columns with a class to increase their width?

    Cheers

    #396075

    Not built-in right now but possible with a little mod:
    https://kriesi.at/support/topic/how-to-trigger-specific-elements/#post-268697

    Best regards,
    Josue

    #396106

    okay – great – now we’re getting somewhere – almost here – I’ve done the above and now am able to target the parent element (the flex box). However how do I get rid of the big spaces between each of the columns so that I still have 3 columns but the images are right next to eachother similar to this

    http://awesomescreenshot.com/08a4eq9pe7

    this is m CSS

    .sd_column_3{
    margin: 0%;
    padding: 0%;
    }

    any clues would be great!

    #396305

    Hey!

    Add !important:

    .sd_column_3{
    margin: 0% !important;
    }

    And add this push the first one if you want:

    .first.sd_column_3{
    	margin-left: 6% !important;
    }

    Regards,
    Josue

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