richdixon

Sorry, but I don’t understand your response. I thought I followed the embed instructions you provided with your plugin.

Is my code correct? If so, why doesn’t the video re-size?

I appreciate the help. Thanks!

I gave up…used <p> tags

thanks for the help!

Tried !important … doesn’t work.

So I created a style in my stylesheet:

.white-text {
display: inline-block;
text-shadow: 1px 1px 1px #666;
line-height: 150% !important;
font-size: 20px;
padding: 20px;
color: #fff;
}

<div class=”row-fluid frftbg white-text”>

Everything works correctly EXCEPT the line-height selector. Even with the !important it has no effect.

Tried it…pasted the code in my child theme’s functions.php file, right?

Issue unchanged.

Any idea when 4.6.2 will release?

Hey Steve..thanks for the reply.

Just wondering. Looks like the bug refers to 4.6.1 but I’m running 4.5.4. Does that impact your response?

I think I figured it out! Used a combination of image re-sizing andd the code you folks p0rovided.

Thanks very much. I’ll check it out on smaller devices tomorrow nd make sure it’s okay. I appreciate the help!

I see what you’re doing, but I still can’t get it to work.

I guess I don’t understand how to reference the images in the css.

If I use

img {
max-width: 100%;
width: 100%;
height: auto;
}

won’t that impact every imaage in the document?

Also, I now have the white space again. Is this an un-solvabale problem?

Thanks, but I’m still confused.

So my css would be:

.img1 {
position: relative;
}

.img1 img {
position: absolute;
bottom: o;
}

And my html would be

<div id=”img1″>
image details here
</div>

And I’d need a set of code for each image. Is that correct?

You can see…I tried the div inside a div method in the third image and it moved the image totally out of line

<!———————NEW ROW———————>
<div class=”row-fluid”>
<div class=”span4″ id=”imageWrapper” style=”style=”width: 33.33333333333% !important; margin: 0 !important”><img class=”aligncenter id=”bottomImage” wp-image-11573 size-full” src=”https://richsride.org/wp-content/uploads/2015/10/FRFT-UVP-2.jpg&#8221; alt=”Hope and Freedom” width=”720″ height=”593″ /></div>
<div class=”span4″ id=”imageWrapper” style=”width: 33.33333333333% !important; margin: 0 !important”><img class=”aligncenter id=”bottomImage” wp-image-11571 size-full” src=”https://richsride.org/wp-content/uploads/2015/10/FRFT-Banner-2016.png&#8221; alt=”FRFT 2016″ width=”625″ height=”526″ /></div>
<div class=”span4″ id=”imageWrapper” style=”width: 33.33333333333% !important; margin: 0 !important”><div id=”bottomImage”><img class=”aligncenter wp-image-11572 size-full” src=”https://richsride.org/wp-content/uploads/2015/10/FRFT-UVP-1.jpg&#8221; alt=”Hope changes what’s possible” width=”732″ height=”593″/></div></div>
</div>
<!——————END OF ROW———————>

#imageWrapper { position: relative; }
#bottomImage { position: absolute; !important
display: block;
bottom: 0; !important

Cropping won’t work for this case.

Is there a way to alingn an image to the bottom of an individual div?

I’ve been studying and trying this:

https://www.w3schools.com/css/css_positioning.asp

but can’t get it to work.

Suggestions?

Worked! Thanks.

Now I’m trying to align the images…just like yesterday.

Can I name a div like I named a table so I can put all the custom css for that row in the child theme?

Wo0uld I use the same css to align the images that I used in the table?

I did…but I decided to make a more responsive design.

Thanks for the suggestion. I’ll give it a try.

Thanks again.