valign image to bottom inside a column

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
Steven

https://www.scottiescotsman.com

I 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 8 years, 4 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 8 years, 4 months ago by kosmicbird.
• This reply was modified 8 years, 4 months ago by kosmicbird.
• This reply was modified 8 years, 4 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="https://www.scottiescotsman.com/wp-content/uploads/2016/10/quote-right.png" class="quote-pic-right-sm" alt="" style="">
</div>

• This reply was modified 8 years, 4 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 ??