Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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!

    #1419227

    Hey 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,
    Ismael

    #1419282
    This reply has been marked as private.
    #1419372

    Hi,
    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,
    Mike

    #1419487
    This reply has been marked as private.
    #1419516

    Hi,

    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,
    Ismael

    #1419556
    This reply has been marked as private.
    #1419573

    Hi,

    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,
    Ismael

    #1419576
    This reply has been marked as private.
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Style featured image’ is closed to new replies.