Okay
  Public Ticket #2955262
Header
Closed

Comments

  •  8
    lukaskrumme started the conversation
    January 11, 2022 at 3:56pm

    I want to integrate a button on the right site. The color background should be transparent and a border (f1acc4). By hover it should be fill out (f1acc4)

  •  1,877
    Judith replied
    January 11, 2022 at 4:32pm

    Hi There,

    Please try this css:

    #top nav .buttons li {
        border: 1px solid #f1acc4;
        background: transparent;
    }
#top nav .buttons li:hover {
        background: #f1acc4;
    }

    Thanks.

  •  8
    lukaskrumme replied
    January 12, 2022 at 1:05pm

    Hey thanks but it isnt correct :)

  •  2,958
    Andrew replied
    January 12, 2022 at 1:25pm

    Hi again,

    Use this instead.

    #top nav .buttons li a {
    border: 1px solid #f1acc4;
    background: transparent;
    padding: 10px;
}
#top nav .buttons li:hover a {
    background: #f1acc4;
}

    Regards,

  •  8
    lukaskrumme replied
    January 12, 2022 at 1:40pm

    Thank you very much. One questions: I would like to have round corners with a arrow animation. Like the photo. Is that possible :)

  •  279
    Noah replied
    January 13, 2022 at 7:39am

    Hello Lukas,

    Thanks for keeping in touch with us.

    For the rounded corners, use the css below:

    #top nav .buttons li a {
border-radius: 10%;
}

    You can change the percentage to suit your site.

    Thanks.

  •  8
    lukaskrumme replied
    January 13, 2022 at 8:14am

    Hey thanks but its not like the picture :)

    And is that possible that we integrate the arrow animation


  •  279
    Noah replied
    January 13, 2022 at 8:34am

    Hello,

    Thanks for keeping in touch.

    It is not possible to add the arrow animation for now.

    For the boarder-radius, please edit the css to:

    #top nav .buttons li a {
    border-radius: 45%;
    padding: 17px;
}

    Thanks.

  •  8
    lukaskrumme replied
    January 13, 2022 at 2:33pm

    hey thanks for your effort, but it should be like the picture and the second picture shows hoe it looks now

  •  1,877
    Judith replied
    January 13, 2022 at 2:49pm

    Hi There,

    Please remove the css sent by Eliud and paste this one:

    #top nav .buttons li a {
        border-radius: 28px;
    }

    Thanks.

  • wafaa replied
    January 25, 2022 at 6:55pm

    how to add changeable background to li items on header menu. when hover change background.

     

  •  8,839
    Tahir replied
    January 25, 2022 at 7:10pm

    @wafaa ,
    Please create a new ticket with your url and details as to what you need exactly so we can write up specific CSS for it.
    Thanks

    ThemeNectar Support Team