Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 21, 2021 at 8:28 pm #1329851
    ndszamoca

    Hi,

    I would like to style a custom menu item, I got the part where I need to do that, already done that:
    .donuni {
    background-color: #48B2B7!important;
    border: 10px!important;
    border-radius: 30px!important;
    }

    But i need more space at the top and button part when the menu is full height and when it shrinks as well.
    Could you please help me with that?

    Thanks a lot!
    Szami

    November 21, 2021 at 10:01 pm #1329857
    Mike

    Hey ndszamoca,
    Thanks for the link to your site, I was not how much space you wanted or how big the button should be so please try this css:

    .header-scrolled .donuni,.header-scrolled .donuni > a {
    margin: 10px 0;
    max-height: 60px;
    line-height: 40px!important;
}
.donuni {
    margin-top: 50px;
    max-height: 60px;
    line-height: 40px!important;
}
.donuni > a {
	line-height: 60px!important;
}

    After applying the css, please clear your browser cache and check.
    The expected results;
    2021-11-21_145814.jpg

    Best regards,
    Mike

    November 22, 2021 at 1:37 am #1329875
    ndszamoca

    Hi Mike!

    Thank you very much it worked!

    May I have one more question?
    I tried to make a similar button in the footer widget, but I can’t change a few things.
    I using this code:
    [av_button label='Donate' link='manually,http://ccsz.ninja/donate/' link_target='' size='small' position='left' icon_select='no' font='entypo-fontello' color='theme-color' custom_bg='#48B2B7' custom_font='#ffffff' av_uid='av-5obiu2i']

    – I changed the background color, but nothing happend,
    also
    – the text color,
    and I would like to make the button smaller as well…

    If it is possible.

    Thanks a lot!
    Szami

    November 22, 2021 at 2:14 pm #1329962
    Mike

    Hi,
    Try this css:

    #footer #text-6 .avia-button {
	border-radius: 40px;
    font-size: 30px;
    background-color: #48B2B7;
    border-width: 0;
    color: #fff;
    font-size: 16px;
}

    expected results:
    2021-11-22_003.jpg

    Best regards,
    Mike

    November 24, 2021 at 2:20 pm #1330300
    ndszamoca

    Hi Mike!

    Thanks a lot! :)

    Have a good day!
    Szami

    November 24, 2021 at 5:10 pm #1330343
    Yigit

    Hi,

    Glad Mike could help!
    Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘custom menu item styling’ is closed to new replies.