WordPress.org

Support

Support » Themes and Templates » [Resolved] Pink-And-Purple Theme Main Menu hassle

[Resolved] Pink-And-Purple Theme Main Menu hassle

  • Hi Everyone,

    Firstly I don’t pretend to be some kind of WordPress or CSS guru but I’d class my knowledge/skill as intermediate. Either way, this isn’t helping me assist a firend who has began a new blog using the pink-and-purple theme.

    She wants a single top main menu item to point back to her main website. When I create it within the dashboard for that theme, the menu item appears as a bullet. I cannot for the life of me work out how/where to decypher the style for this menu and remove the bullet.

    Has anyone encountered this and found a solution? Any hints or help would be much appreciated.

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    Have you tried list-style-type: none?

    I would but it seems to be already there. There is a style listed as below

    ul#menu-main li {
    float: left;
    list-style: none;
    position:relative;
    }

    from which other main menu item styles are built upon (e.g. ul#menu-main li.current-menu-item a, ul#menu-main li.current-menu-item span.before-menu-item, etc). I’ve gone through the css style sheet and the index.php to try and figure our what is going on, but I think my skill level isn’t yet up to breaking down the codes.

    Should I remove ‘ul’ before all occurances of ‘#menu-main li’ perhaps?

    Andrew Nevins
    Forum moderator

    @anevins

    Are the bullet points only showing within the dashboard, not on the website?

    Thre’s not hint of bullets occuring during the dashboard part of making the menu item. It only appears in the actual website.

    Andrew Nevins
    Forum moderator

    @anevins

    Have you tried applying the list-style: none; style to the <ul>?

    I’ll give it a go. Would I add an entry such as

    ul {
    list-style: none;
    }

    the the main stylesheet perhaps? Appreciate your help on this.

    Andrew Nevins
    Forum moderator

    @anevins

    Look at creating a Child Theme and work on that style.css file. Alternatively use a Custom CSS plugin and create CSS styles within the area allocated from the plugin.

    I tried it

    ul {
    list-style: none;
    }

    – it works!!

    Thank you so much Andrew, and I’ve added another little knowledge nugget with your help!

    Andrw,

    I’ll certainly have a look at custom css plugins for future reference.

    Many thanks once again.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] Pink-And-Purple Theme Main Menu hassle’ is closed to new replies.