-
AuthorPosts
-
February 5, 2015 at 7:27 am #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
February 5, 2015 at 7:28 am #391082sorry 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
Cheers
February 5, 2015 at 7:29 am #391083sorry 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
Cheers
February 5, 2015 at 12:10 pm #391229Hi!
Put three aligned-left Images inside a 1/1 Column.
Regards,
JosueFebruary 9, 2015 at 6:39 am #392874Hey Josue – thanks however this didn’t work
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/0674d56o672 – 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?
February 9, 2015 at 10:57 pm #393381Hey!
Try putting them using the Add Media button instead (inside a single Text Block).
Cheers!
JosueFebruary 11, 2015 at 4:37 am #394118This reply has been marked as private.February 11, 2015 at 11:39 am #394225February 14, 2015 at 1:42 am #396068hey 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
February 14, 2015 at 2:12 am #396075Not built-in right now but possible with a little mod:
https://kriesi.at/support/topic/how-to-trigger-specific-elements/#post-268697Best regards,
JosueFebruary 14, 2015 at 6:21 am #396106okay – 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!
February 15, 2015 at 10:06 am #396305Hey!
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 -
AuthorPosts
- You must be logged in to reply to this topic.