WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Pink-And-Purple Theme Main Menu hassle (10 posts)

  1. eyetrance
    Member
    Posted 1 year ago #

    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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Have you tried list-style-type: none?

  3. eyetrance
    Member
    Posted 1 year ago #

    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?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. eyetrance
    Member
    Posted 1 year ago #

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

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  7. eyetrance
    Member
    Posted 1 year ago #

    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.

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  9. eyetrance
    Member
    Posted 1 year ago #

    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!

  10. eyetrance
    Member
    Posted 1 year ago #

    Andrw,

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

    Many thanks once again.

Topic Closed

This topic has been closed to new replies.

About this Topic