Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #76873
    Alex Blaelock
    Participant
    Premium Member

    I’ve seen posts removing the bullets from the menu. Is there code to replace the bullet with a star?

    #76908
    vako
    Keymaster
    Premium Member

    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

    #76954
    Alex Blaelock
    Participant
    Premium Member

    To replace the <span style=”font-family: ‘Arial’,sans-serif;”>• i</span>n the menu with a ★

    #76956
    Alex Blaelock
    Participant
    Premium Member
    #76959
    vako
    Keymaster
    Premium Member

    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

    #76962
    Alex Blaelock
    Participant
    Premium Member

    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?

    #76968
    vako
    Keymaster
    Premium Member

    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

    #76969
    Alex Blaelock
    Participant
    Premium Member

    Perfect.

    Thanks very much

    #76971
    vako
    Keymaster
    Premium Member

    Feel free to contact us at any time, and we appreciate your continued trust in our services.

    Kind Regards

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.