Anyone??? As of now I am adding a transparent left/right border to my images and uploading them as .png to get them centered the way I want but it doesn’t look right on mobile devices and its a pain so I’d like to get this resolved in the css please.
Thanks for the quick reply but I am not getting that to work. Tried adding it in multiple places and replacing lines in the Featured Image section on the main css with no luck. Where exactly does it need to go and does something need to be removed also? Thinking it has to do with this area in the main css:
/* =Post : Featured Image
-------------------------------------------------------------- */
.post .featured-image {
position: relative;
}
.post img.main-image {
height: auto;
max-width: 100%;
}
.post img.main-image.mobile {
display: none;
}
@media screen and (max-width:480px) {
.post img.main-image.mobile {
display: block;
}
.post img.main-image.desktop {
display: none;
}
}
