- This topic has 8 replies, 2 voices, and was last updated 3 days, 17 hours ago by .
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.
I’ve seen posts removing the bullets from the menu. Is there code to replace the bullet with a star?
Hi Alex,
At first, thank you for choosing our theme and service.
To provide you with the most accurate assistance, could you please describe the issue you’re facing in more detail? Additionally, sharing a direct link to the page where the problem appears would be immensely helpful. If possible, providing screenshots of the issue will give us a clearer understanding and allow for more targeted support.
Once we have this information, we’ll be better equipped to identify the issue and provide a solution.
Kind Regards
Hi Alex,
Please navigate to Dashboard > Appearance > Customize > Additional CSS and add the CSS snippet below:
#main-menu > li:after {
content: “★” !important;
position: absolute;
color: white;
top: 16px;
bottom: 0;
background-color: black;
margin: 0 auto !important;
-webkit-transform: rotateZ(-72deg);
transform: rotateZ(-72deg);
width: 0;
}
Kind Regards
Thank you for your reply.
I’ve adjusted the colour, and the top to 30px, so it sits neatly next in line with the menu items.
https://alexandriablaelock.com/test_bard_theme/
It would look better if the star was equidistant between the menu items, rather than next to them. I’ve tried a couple of fixes, but no luck.
Do you have any suggestions for that?
Hi Alex,
Replace your current css code with this one:
#main-menu > li:after {
content: “★” !important;
position: absolute;
color: #be9e5e;
top: 30px;
right: 11px;
bottom: 0;
background-color: black;
margin: 0 auto !important;
-webkit-transform: rotateZ(-72deg);
transform: rotateZ(-72deg);
width: 0;
}
Kind Regards
Perfect.
Thanks very much
Feel free to contact us at any time, and we appreciate your continued trust in our services.
Kind Regards