[Resolved] Add labels to Menu items moved up

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago by David.

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

Author

Posts
April 1, 2023 at 8:34 am #2592153

ahmad

Hello I would like to add a label to a menu
I have successfully created it but it just appears next to the menu item
but I would like it to be indented upwards like the image below

https://pasteboard.co/UM79X9msPQYy.png

April 1, 2023 at 1:32 pm #2592383

David
Staff
Customer Support

Hi there,

can you share a link to your site so I can see the label ?

April 1, 2023 at 10:20 pm #2592640

ahmad

sure thing here is it

https://ahmadmerheb.com/

April 2, 2023 at 7:18 am #2593025
David
Staff
Customer Support
As you have the CSS already written then update to include a position: relative and a negative top value ie.
```
.blog-menu-label a > span {
    margin-left: 0.5em;
    padding: 3px;
    background-color: #FF0000;
    border-radius: 3px;
    font-size: 9px;
    color: white;
    position: relative;
    top: -15px;
}
```
April 2, 2023 at 8:03 am #2593251

ahmad

Thanks David that solved it

April 2, 2023 at 8:27 am #2593288

David
Staff
Customer Support

You’re welcome
Author

Posts

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

You must be logged in to reply to this topic.