-
AuthorPosts
-
October 5, 2015 at 2:21 am #610799
Hi Gang – Just finishing scouring the forum and could not find an answer to my problem.
I have a row with two columns, the left column contains an image, and I would like it to sit at the very bottom of the content band but I cannot work out how to do this, I have tried adding a gap element but there is always padding underneath the image.
I have made sure that there are no padding or bottom margins in the column or row.
Thanks As Usual!
Marcus
October 5, 2015 at 2:32 am #610808Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
October 5, 2015 at 4:23 pm #612049Hi the url is
http://healthyhappywhys.com/the images are place holders…
October 5, 2015 at 5:14 pm #612124Hi Marcus,
You can add this under Custom > CSS in the Customizer.
.home #x-section-3 .x-img { margin-bottom: 0; }
Hope this helps.
October 5, 2015 at 6:34 pm #612192Thank You!
That did the trick!
October 5, 2015 at 9:18 pm #612343Glad we could help, Cheers!
December 16, 2015 at 2:22 am #708679Hi – The trick seems to get unstuck when I a) have to much content in the text column or B) when I add an accordian in the text column.
Please see http://zoejames.com.au/professional-recommendations/
For 2 examples.
Please help!
New log in details to follow
December 16, 2015 at 2:23 am #708680This reply has been marked as private.December 16, 2015 at 2:37 am #708701Hi there,
In this case you need to adjust the position of image. Please add
position: relative;top: 34px;
in image style field.Feel free to increase/decrease top value to adjust the image.
Hope it helps.
December 16, 2015 at 3:03 am #708729Hi this is addition to the previous code yes?
December 16, 2015 at 3:05 am #708734Nevermind I answered my own question – Thanks it works a treat!
December 16, 2015 at 3:13 am #708745Sorry – That’s not fix – because it’s not responsive depending on the width of the screen the alignment easily goes out of whack…
December 16, 2015 at 3:42 am #708773Hi there,
There are two options:
#1 To add a class to image like
my-class
and add your style for specific screen width.
You can add following code in customizer -> CSS.
e.g:@media (min-width:767px) and (max-width:979px){ .my-class{ position:relative; top:40px; } } @media (min-width:980px){ .my-class{ position:relative; top:20px; } }
#2 Or you can enable ‘marginless columns’ option for this row and add image as column’s background. To do so add
background: url("http://zoejames.com.au/wp-content/uploads/2015/12/Micheal-James_800_w.png") no-repeat bottom center;background-size: contain;
in column’s style field.Hope it helps.
December 21, 2015 at 12:17 am #715443Went for Solution 2! Thanks So much!
December 21, 2015 at 12:28 am #715453You’re welcome Marcus!
Always,
X -
AuthorPosts