jennjoanne

In case anyone else is looking for a similar solution, I figured it out:

This image is a .png
All of the other images I use in a post are .jpg

So I just targeted a specific image type and taaaaadaaaaa, the border around the image disappeared.

The code I used was:

img[src*=png] {
border: none;
}

That ended up removing the borders from all of my images. I only need to remove the border from specific images in my posts. Thanks for trying to help!

That deletes when I update and save my Edit CSS.

I’m not exactly sure how to proceed.

The images are coming from an outside source (gravator images) so instead of just copy and pasting the .png that I can find in media or page source, it looks like this:

• <img alt=” src=’https://1.gravatar.com/avatar/f1d18e889bbb59b27454522f1912b7df?s=70&d=identicon&r=G&#8217; class=’avatar avatar-70 photo’ height=’70’ width=’70’ />Jen – Star Crossed Book Blog

Would I just take the info after the src, like I normally do?

https://1.gravatar.com/avatar/f1d18e889bbb59b27454522f1912b7df?s=70&d=identicon&r=G

And secondly, I’m not sure what the class list item is for that specific action.

And finally, would it look something like this although it doesn’t seem as though I’m remotely close:

https://1.gravatar.com/avatar/f1d18e889bbb59b27454522f1912b7df?s=70&d=identicon&r=G {
____________=.cleft
}

THANK YOU SO MUCH FOR YOUR HELP ROSS! It’s greatly appreciated!

The “clear:left;” works BUT it affects my other widgets and aligns all of my social media icons vertically instead of horizontally. Even though it’s in the code below……So that won’t work.

widget-content img {
float: left;
margin-right: 5px;
clear:left;
}

“clear:right;” didn’t work.
Thank you for trying to help me figure this out.

If I inspect that element then it’s saying that section is .post-content. And when I go into the page source of that plugin feature I can see where it is set to H4. Maybe there isn’t a way to get around it then?

Well it changes the Previous Post & Next Post back to the original settings for the page (awesome, because I didn’t want that in pink and cursive) but it still doesn’t change that section of the plugin “Related” back to the original settings since it is displaying the Coming Soon font. Hmmm….

That’s how I originally had it and it’s still formatting that section of the page to my H5 settings.
So I’m wondering – is it feasible to make those h5 settings (font/color/size) only specific to posts? Or is that section of the plugin feature considered to be a part of the “post”?

Sorry I didn’t clarify, I meant in my settings. Currently H5 is also used in a section that is below our posts. It is titled Related and is a jetpack plugin feature. The text used in that feature is set to H5. I went back and changed my settings to have .post-content in front of them but that didn’t work.

.post-content h4 {
font-family: Coming Soon !important;
font-size: 19px !important;
font-weight: bold !important;
}

.post-content h5 {
font-family: Rochester !important;
font-size: 32px !important;
font-weight: bold !important;
color: #ff668c !important;
}

One last question – is there anyway to have those specifications apply to H4 and H5 ONLY when they are in a post?

Disregard. Sorry, I misunderstood. It works perfectly, thank you!!

I have this entered into my Edit CSS section on the dashboard. That’s how I’ve made all of the other changes on my website. Is that not a sufficient spot to enter the info below? Because it is working on changing the fonts (Except when viewed on my phone)

h4 {
font-family: Coming Soon !important;
font-size: 19px !important;
font-weight: bold !important;
}

h5 {
font-family: Rochester !important;
font-size: 32px !important;
font-weight: bold !important;
color: #ff668c !important;
}

It’s at the bottom of the post:

https://starcrossedbookblog.com/2014/08/the-temptation-of-lila-and-ethan-the-secret-3/

OK….let me copy and paste at the bottom of an old post….one second….

It’s a private post so here is the link:

https://starcrossedbookblog.com/2014/11/test-2/

The sentences that have (Heading 4) and (Heading 5) at the end of them have the selected elements.