Header button

  • Resolved jokubas2000k

    (@jokubas2000k)


    4 years, 4 months ago

    Hi,

    Can someone please explain to me how to change the style of the header button via custom css?

    I added the class name btn to one of the menu items to make it into a button, but I want to be able to change the style of it. And apparently it can only be done via custom css…

    Thanks in advance

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter jokubas2000k

    (@jokubas2000k)

    I want to be able to change the border radius, button color, text color and button size.

    Thread Starter jokubas2000k

    (@jokubas2000k)

    I figured out how to change most of the things.

    But I can’t find any information on how to change the style of the button when you hover over it.

    Any help please?

    Hi,

    Please use the below CSS code and check.

    li.btn a.menu-link span.text-wrap {
    color: #3d3f40 !important;
}
li.btn a.menu-link span.text-wrap:hover {
    color: #fea600 !important;
}

    Please edit the code as per your need. If not resolved by this share website URL to check.

    Thread Starter jokubas2000k

    (@jokubas2000k)

    Hi,

    This code changes the colour of the text. Could you please share the code that would give me the ability to change the button color?

    Thanks

    Hi,

    Please add the below code and check.

    li.btn a.menu-link span.text-wrap {
    backgroud-color: #3d3f40 !important;
}
li.btn a.menu-link span.text-wrap:hover {
    backgroud-color: #fea600 !important;
}
    Thread Starter jokubas2000k

    (@jokubas2000k)

    It worked, thanks!

    • This reply was modified 4 years, 4 months ago by jokubas2000k.

    Glad to hear that the issue has been fixed!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header button’ is closed to new replies.