Home › Forums › Basel support forum › Gray border around categories

Gray border around categories

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 12, 2018 at 10:57 am #88912

    Maikel
    Participant

    Hi Support,

    I would like to have a gray border around my categories.

    Now it looks like: (see link and image)

    But I want it like this: (see image)

    Thank you for your help!

    Best regards,

    Maikel

    Attachments:
    You must be logged in to view attached files.
    November 12, 2018 at 12:28 pm #88941

    Elise Noromit
    Member

    Hello,

    Replace the code shown on the screenshot http://prntscr.com/lhcmo0 with this one: 

    .category-grid-item div:first-child {
    border: 1px solid #eeeeee;
}

    Best Regards

    November 12, 2018 at 1:49 pm #88982

    Maikel
    Participant

    Great support, very nice!

    Only one small detail on the mobile version…

    Can these categories have the same height? (see image)

    Thank you!

    Best regards,

    Maikel

    Attachments:
    You must be logged in to view attached files.
    November 12, 2018 at 2:31 pm #89001

    Elise Noromit
    Member

    Hello,

    Try this code: 

    @media (max-width: 460px){
.category-grid-item .hover-mask h3{
min-height:45px;
}
}

    Add this code to the Theme settings > Custom CSS > Global

    Best Regards

    November 12, 2018 at 3:03 pm #89010

    Maikel
    Participant

    Great support!!!!!!

    Very nice, thank you!

    Best regards,

    Maikel

    November 12, 2018 at 4:29 pm #89028

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Gray border around categories’ is closed to new replies.