WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How can I remove the divider lines from the menu of Gamepress? (12 posts)

  1. analuisa.b
    Member
    Posted 1 year ago #

    I've been researching a lot here on the forum, but i can't understand where the code for the dividers actually is.
    Can someone help me out? Thanks! :)

  2. coreb
    Blocked
    Posted 1 year ago #

    Can you please post a link?

  3. analuisa.b
    Member
    Posted 1 year ago #

    i'm working on this website using the theme i'm talking about, Gamepress.
    http://www.qlag.com.br

    as you can see, each option of the menu has a divider and i really wanna remove them, but i can't seem to find the portion of the code that refers to it on the CSS file, nor on the header file.

  4. coreb
    Blocked
    Posted 1 year ago #

    It should be primary-nav li

    It is something to do with primary-nav ul or li items. Is there a background image for the buttons? Check those things.

  5. analuisa.b
    Member
    Posted 1 year ago #

    yeah, i checked these lines, i even deleted and changed what i thought could do the trick, but nothing made the slightest difference.

    there's no background, just a gradient.
    thanks so much! if you think of anything else, please let me know :)

  6. alex27
    Member
    Posted 1 year ago #

    This is due to the fact, that both li and a have borders.
    You can overwrite those rules with the following CSS selectors:
    #primary-nav li {} and #primary-nav a {}

    Also it's highly recommended to introduce such changes via child theme or My Custom CSS plugin (changes to CSS only).

  7. analuisa.b
    Member
    Posted 1 year ago #

    forgive my ignorance (i'm a total noob here xD), but how can I do that?
    ps: this theme totally rocks, thanks so much!

  8. analuisa.b
    Member
    Posted 1 year ago #

    i've been trying to change these parts of the code but the dividers are still there! nothing seems to work :(

    how do I delete them? changing the borders to "none" didn't do the trick.
    Thanks!

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try clearing your browser cache - those lines are not visible for me.

  10. analuisa.b
    Member
    Posted 1 year ago #

    I finally got rid of them. The only one that insists on sticking around is the one just before the search form. Any thoughts on how to delete it too? I don't even know what I did right the first time to get rid of the others Oo plain luck, i guess.

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Add this:

    #primary-nav > li:last-child {
        border-right: 0;
    }
    
    #primary-nav > li:last-child > a {
        border-right: 0;
    }

    You really should download and learn how to use Firebug - if you want to make CSS changes, that's the way to go.

  12. analuisa.b
    Member
    Posted 1 year ago #

    amazing, that totally worked!
    THANKS SO MUCH! :D

Topic Closed

This topic has been closed to new replies.

About this Topic