Home › Forums › WoodMart support forum › .menu-label remove tail

.menu-label remove tail

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 21, 2022 at 1:30 pm #346992

    Stefan
    Participant

    Hey there

    Been testing & adjusting the menu label & could not find the piece of code where I can turn this message bubble into a pill. Can you help a brother out? 🙌

    See attached images. The first one is my own code, the second is an example of what I want it transformed into.

    Attachments:
    You must be logged in to view attached files.
    January 22, 2022 at 11:11 pm #347214

    Elise Noromit
    Member

    Hello,

    Sorry for the delay, please provide the page URL and I will give custom CSS to do this.

    Best Regards

    January 25, 2022 at 11:29 am #347734

    Stefan
    Participant

    See Private Content

    • This reply was modified 2 years, 10 months ago by Stefan.
    January 25, 2022 at 11:20 pm #347905

    Elise Noromit
    Member

    Hello,

    If you want to get the rectangular label, remove this line from the Appearance > Customize > Additional CSS: https://gyazo.com/287abb31a16eb827a84c3aa8616be70e

    We recommend moving all the CSS into the Theme Settings > Custom CSS. In this case, the styles would not be lost during the update.

    Best Regards

    January 30, 2022 at 1:33 pm #348941

    Stefan
    Participant

    I think you’ve misunderstood me – I rounded the corners myself.

    I want to turn the speech bubble into a pill label. See attached photoshopped image.

    Attachments:
    You must be logged in to view attached files.
    January 30, 2022 at 2:35 pm #348949

    Stefan
    Participant

    After hunting code I found the piece of the puzzle. This will align the label side by side with the link.

    .wd-sub-menu li a .menu-label {
	align-self: center;
	margin-top: -5px !important;
	margin-left: 5px;
        padding: 3px 9px;
	border-radius: 50px;
	line-height: 12px;
}	
.menu-label:before {
	border-right-width: 0;
}
    • This reply was modified 2 years, 10 months ago by Stefan.
    Attachments:
    You must be logged in to view attached files.
    January 30, 2022 at 3:42 pm #348956

    Elise Noromit
    Member

    Hello,

    Now I see, we are glad you have found the proper code.

    If you have any questions please feel free to contact us.

    Best Regards

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