Padding works on Firefox, not Chrome

Hello,
Please copy and paste the below given code on
Dashboard=>Appearance=>Customize=>Design Options=> Custom Css

.widget_highlighted_posts .article-content .entry-title {
    padding-left: 13px;
    font-size: 16px;
}

hope this helps
regards.

No, that didn’t work. It just put 10px of white space on the right and bottom sides of the four boxes in the widget. Looking for something inside the photo boxes to give it some padding so the titles are not right at the edge. Like I said, what I did earlier works in Firefox, but not Chrome.

Here’s what it looks like on Chrome.

And here’s what it looks like on Firefox.

See the difference?

In my 10-plus years of using WordPress, I have no clue why it works on one browser and not the other.

Totally baffled at this point.

Any other ideas? About the scrap this theme for something better.

Can you share a link?

My problems are described above. The link is thesummitcity.com.

I was able to figure it out on my own.

Here’s what I added to user.css:

.widget_highlighted_posts .article-content {
	padding-right: 5%;
	width: 90%;
}

I added padding to the right, which wasn’t there, and I had to shorten the width from 95% to 90%. Now titles aren’t running off the side of the photos.