WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] change looking top menu (12 posts)

  1. engeldeluxe
    Member
    Posted 1 year ago #

    Hi, I want to change the style of the top menu. It is hard to read and I want to remove the current hover effect completely in top menu. For that I would change that:
    a. color="#8bc53e"; font-weight="bold";
    a.hover color="#8bc53e"; font-weight="bold";
    What should I change in style.css and/or header.php exactly?
    Could I just add a new style class?
    It works for me right now not because of the current hover effect.
    Thanks in advance.
    Best regards
    engeldeluxe

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    The general protocol is to add new styles than modify existing ones.

    You can add new styles through a plugin that facilitates 'Custom CSS' functionality, like this http://wordpress.org/extend/plugins/custom-css-manager-plugin/ .

    That means you'll need to create new CSS styles.
    Are you okay with this?

  3. engeldeluxe
    Member
    Posted 1 year ago #

    I prefer to change the code in the theme. But it is no problem to add new.
    I only have to know WHAT I have to do. What do I have to do to overwrite the effect?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    What do I have to do to overwrite the effect?

    Use these selectors;

    .main-navigation a

    And

    .main-navigation a:hover
  5. LucasLegey
    Member
    Posted 1 year ago #

    i'm very new at this and i can't find the line to modify the color of the top menu hidden. I like the hover effect, but the menu is too white. In what line can i change it? Can you guys help me?

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please read the solutions in this thread.

  7. LucasLegey
    Member
    Posted 1 year ago #

    never mind, answering my own question.

    #masthead {
    	clear: both;
    	display: block;
    	min-height: 30px;
    	opacity: .2;

    just chage the opacity

    thanks any way

  8. engeldeluxe
    Member
    Posted 1 year ago #

    Uih, great! This is what I searched, too. Now is only the font bad to read. Do you have a great advice? Do I have to change the font or is there any further advice?

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you link us the webpage where the font is bad to read?

  10. engeldeluxe
    Member
    Posted 1 year ago #

    http://perlenspass.kreativeschule.de/
    I use it with firefox, I think it looks a bit gnawed.

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    I think that originates from nature of the font used.
    Try adding this;

    .main-navigation a {
     text-shadow: 0px 1px 0 #8bc53e;
    }

    If that doesn't do what you want, perhaps use another font.

  12. engeldeluxe
    Member
    Posted 1 year ago #

    Thanks a lot!!! It is a bit better but I had to change the font. Now it is great.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic