Featured Image Thumbnail Border

This topic is: resolved

This topic contains 4 replies, has 2 voices, and was last updated by Alejandrod7430 alejandrod7430 5 years, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5888
    Alejandrod7430
    alejandrod7430
    Member
    Post count: 6

    I want my featured image portfolio thumbnails to have a border so that there is more differentiation between each image when displayed in gallery form. I achieved this by adding the following code to custom CSS:

    /* ———— Image Frame Styles —————- */
    .image-area { position: relative; /* line-height: 0; */
    border:3px solid #4790a6;}

    However, for some reason that code also displays the same border on each portfolio item’s page at the top where the featured image would normally be, which is odd because I have the featured image currently set to:

    single-portfolio img.featured { display: none; }

    So even though the featured image does not display on my portfolio item pages, the border still does. Is there another way I could achieve having a border around the portfolio gallery thumbnail images without having the border show up on my portfolio item pages? I’ve attached a screenshot of the issue for reference.

    #5954
    Nexus
    Nexus
    Moderator
    Post count: 1022

    Pls reply as a private message here with the site URL and I can take a look. It’s hard to tell exactly what’s happening from here. Thanks!

    #5970
    Alejandrod7430
    alejandrod7430
    Member
    Post count: 6
    This reply has been marked as private.
    #5977
    Nexus
    Nexus
    Moderator
    Post count: 1022

    While you are hiding the featured image, still you are not hiding the image-area. And since you are applying the border to image-area, you will have to hide it too. Pls put the following code to custom css in theme options and see whether it helps.

    .single-portfolio .image-area { display: none; }
    #6096
    Alejandrod7430
    alejandrod7430
    Member
    Post count: 6

    Yes, that did the trick. Thanks. Great support!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Featured Image Thumbnail Border’ is closed to new replies.