Ethos Feature Images - Different Positioning

I am having trouble positioning the featured images. For example, if I use the code:

.blog .entry-thumb,
.archive .entry-thumb,
.x-post-slider .x-post-slider-entry {
background: top;
}

Then all the images will either disappear or not center correctly. What I would like to do is target each featured image and leave the regular posts alone.

For the skinny and large featured image I would like them positioned top.

After searching through the forum for quite sometime I can’t seem to figure this out.

Thanks in Advance

mylifeaftercoffee.com

Hey Jana,

Please try:

a.entry-thumb.featured.big, a.entry-thumb.featured.skinny {
    background-position: top left;
}

Here are some related links for further reading:

https://www.w3schools.com/cssref/pr_background-position.asp

Hope this helps.

1 Like

Thanks so much!

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.