WordPress.org

Forums

[resolved] Make hover effect (7 posts)

  1. yuyounger
    Member
    Posted 1 year ago #

    Hi, I would like to make hover effect to my very top menu like this site. My site is here. I don't know how to do it! It's to difficult to me. Please help me:(

  2. Andi Saleh
    Member
    Posted 1 year ago #

    Add this to your CSS (at the bottom so it doesn't interfere with other rules):

    #secondary-nav > .menu-item a:hover {
      border-bottom: 2px solid #000000;
    }
  3. yuyounger
    Member
    Posted 1 year ago #

    Thank you:) But I would like to make hover effect at background. My background color is (rgba 255,255,255,0.7) now, make hover effect to #fff. It's my mistake. I'm sorry.

    Can you help me? :) Have a nice day!

  4. Andi Saleh
    Member
    Posted 1 year ago #

    #secondary-nav > .menu-item a:hover {
      background-color: rgba(255,255,255,.7);
    }
  5. yuyounger
    Member
    Posted 1 year ago #

    Thank you so much Andi. It's working:) Umm.. But I mean, background (If you use F12, You can see 'div.top-strip.color-site-white') is rectangular a little bit transparency table. A full width:) Not a menu link.

  6. yuyounger
    Member
    Posted 1 year ago #

    Is there anybody who can help me? :)

  7. yuyounger
    Member
    Posted 1 year ago #

    I fix it. Thank you:)

Topic Closed

This topic has been closed to new replies.

About this Topic