Home › Forums › WoodMart support forum › athletex menu style

athletex menu style

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 31, 2025 at 1:53 pm #634442

    ElBender8
    Participant

    1) how is the delimitation of the menu blocks made? a regular border between containers?
    2) how can I make the same labels (new, sale)? my labels are inconveniently located, I tried to make them indents with sss and so on, but it didn’t work

    Attachments:
    You must be logged in to view attached files.
    February 3, 2025 at 11:11 am #634879

    Luke Nielsen
    Member

    Hello,

    1. If you want increase the gap between the menu items, use the default gap option – https://prnt.sc/zQ_5bLocpCA2

    2. In general, it’s possible but I cannot guarantee that it will work well with the long text. So you need to edit the HTML BLOCK with that menu and define some custom CSS class in order to apply the CSS to that specific area: https://prnt.sc/Z7BM0YoqODYt

    Then define the below code in Theme Settings -> Custom CSS:

    .custom-class .wd-sub-menu li>a .menu-label {
    position: unset;
    margin-top: 0; 
    align-self: unset;
}

.custom-class .menu-label {
    margin-inline-start: 5px;
}

.custom-class .menu-label:before {
    content: none;
}

    The result should be similar to this: https://prnt.sc/CUMs68My_lBc

    Thank you for your time.

    Kind Regards

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