valign image to bottom inside a column
-
I have tried 3 ways to do this and none of them worked for me… plz help
-
Unless you have a WordPress-specific issue, you may be better off posting at a generic HTML/CSS forum instead.
If you send the link to your site and specify which area you want to modify, I can help
it is in wordpress I am using … and I am coding it locally .. but I will upload what I have.
its in the about tab and the closing quote I want at the bottom.Thanks
StevenI don’t understand what you mean by “closing quote I want at the bottom”, could you explain more?
Are you trying to get the middle column of quotes to line up (from the bottom) with the other two quote columns?
ok I try to explain better sorry.
in one single quote panel you have:-
#1 opening inverted commas [col-sm-2]
#2 text [col-sm-8]
#3 closing inverted commas [col-sm-2]I just want the closing inverted comma @ bottom of the column if possible.
Thanks
It seems you keep changing the code every few minutes π but from what I tried, this is what works –
1) You need to increase the width of the div that holds the closing quotation marks.
You have it in this div and should add something like this:.col-sm-2 { width: 100%; }Now that you’ve maximized the width of the div, by maintaining
.quote-pic-right-sm { float: right; }You should have the quotation marks in the general area you were wanting. Now, just need to make minor tweaks to get the exact position you want. Hope that helps.
-
This reply was modified 9 years, 8 months ago by
kosmicbird.
2) Note that this solution does offset your text [col-sm-8] so you will also need to modify that element’s properties to adjust the look. You can start by increasing the width of col-sm-8 as well, and go from there.
-
This reply was modified 9 years, 8 months ago by
kosmicbird.
-
This reply was modified 9 years, 8 months ago by
kosmicbird.
-
This reply was modified 9 years, 8 months ago by
kosmicbird.
set
style="display:none"on closing quote’s<img>tag.then add this code right after <div class=”row”>…</div> ending tag
<div style="position: relative;top: -32px;"> <img src="http://www.scottiescotsman.com/wp-content/uploads/2016/10/quote-right.png" class="quote-pic-right-sm" alt="" style=""> </div>-
This reply was modified 9 years, 8 months ago by
bhawanvirk.
wow! it worked …. thanks all for your help much appreciated.
Steven
Your welcome, now you can increase your html5’s skills bar to 87% π
lol… not bad for an oldie who teachin himself π
-
This reply was modified 9 years, 8 months ago by
The topic ‘valign image to bottom inside a column’ is closed to new replies.