Tagged: featured image
-
AuthorPosts
-
September 14, 2023 at 9:20 pm #1419201
Hi Enfold team,
I’m trying to style the featured image. I was able to resize it using this code, but the border is being applied outside of that border displaying. I’d like to replace that inner border with the one I am specifying. Your help is appreciated./* POST FEATURED IMAGE STYLE */ .single-post .single-small.with-slider .small-preview { width: 200px; height: 200px; border: 7px solid #f4ecdf; }
Thanks!
September 15, 2023 at 3:33 am #1419227Hey Julie,
Thank you for the inquiry.
We tried to login to the site using the info above, but it seems to be incorrect. Please check the info carefully or provide another login account. Would it be possible to provide us with a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelSeptember 15, 2023 at 2:03 pm #1419282This reply has been marked as private.September 17, 2023 at 12:39 am #1419372Hi,
Thank you for the link to your site, I see that your image has a white border edge in the image, and as I understand you want a tan inner border to cover this over, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.single-post .single-small.with-slider .small-preview img { width: 200px; height: 200px; outline: 10px solid #f4ecdf; outline-offset: -9px; }
and remove your css above, then clear your browser cache and any cache plugin, and check.
Best regards,
MikeSeptember 18, 2023 at 5:06 pm #1419487This reply has been marked as private.September 19, 2023 at 4:10 am #1419516Hi,
Thank you for the update.
Please remove the previous css modifications, then replace it with the following.
.single-post .single-small.with-slider .small-preview { width: 100%; height: auto; border: 7px solid #f4ecdf !important; } .single-post .single-small.with-slider .small-preview img { outline: 10px solid #ffffff; outline-offset: -10px; }
Best regards,
IsmaelSeptember 19, 2023 at 11:45 am #1419556This reply has been marked as private.September 19, 2023 at 2:04 pm #1419573Hi,
Thank you for the screenshot.
You may need to set the border radius of the featured image to 0 to remove the black dots in every corner.
.single-post .single-small.with-slider .small-preview img { outline: 10px solid #f4ecdf; outline-offset: -10px; border-radius: 0; }
Best regards,
IsmaelSeptember 19, 2023 at 2:20 pm #1419576This reply has been marked as private. -
AuthorPosts
- The topic ‘Style featured image’ is closed to new replies.