Text Overlapping Photo

Yo mad add this line
clear: both;

Bellow the line
.content-three-fourth {

on your “themes/resolution/css/layout.css” file.

Theme Options

Layout

Customizations

But they don’t have .content-three-fourth {

They have:

.content-one-fourth img{
max-width:208px;

Am I in the wrong place?

Its there on line 501

How do I get to the css to which you refer? The only one I can find has 46 lines.

https://lbchorseheads.com/wp-content/themes/resolution/css/layout.css

Tried it to no avail.

Any other suggestions.

Kindly write

.content-three-fourth { width: 74.375%; margin-right: 2.5%; clear: both;}

in stead of

.content-three-fourth { width: 74.375%; margin-right: 2.5%; }
clear: both;

It didn’t work at first because I didn’t put a space after both; and before the bracket.

Thank you for your help!

However, now the text is below the picture. I wanted to have it beside the picture in its own column.

Any suggestions?

change these

.content-one-fourth { width: 40%
and
.content-three-fourth { width: 60%

remove the clear: both part.

That didn’t change it.

Just a thought, could I put the picture in one half, and put the text in the other half? Would that work?

Thats almost what is being done by this css

That makes sense, of course, but why would the pic still sitting above the text?

Also, when I tried this, it messed up the buttons on the home page.

Why so?