- This topic has 11 replies, 2 voices, and was last updated 2 years, 11 months ago by
.
Hi there,
I want to know how I can make the height of these two buttons smaller?
Here’s how they look: https://ibb.co/FH9L8qT
And I hope that their height can be more like this button here: https://ibb.co/5k6k74T
These two buttons aren’t created in the same header template, as you may have already known, and I can’t seem to adjust the height in the CSS customizer.
Hi there,
We can see the issue.
Can you please let us know how did customize them?
Best regards,
Shufflehound team
These are my css codes, is this what you need:
.menu-button-1 a {
background-color: white;
color: black;
border: 2px solid #7a848d;
border-radius: 35px;
display:inline-block;
text-align:center;
font-size: 16px;
position:relative;
padding-right:20px;
padding-left:20px;
}
.menu-button-2 a {
background-color: white;
color: black;
border: 3px solid #fe861e;
border-radius: 35px;
display:inline-block;
text-align:center;
font-size: 16px;
position:relative;
padding-right:20px;
padding-left:20px;
}Anyone here? It’s been several days since you last responded.
Sorry for our late response.
We could fix it for you if you don’t mind sharing access data to your website (you can share it in the private information field)
Hi there, I think I’ve given you the login details in the private info field, but no reply from you. Did you get it or not?
Hi there,
About the login details we answered in this topic.
Sorry about the delays, we usually respond faster to the topics.
Best regards,
Shufflehound team
just submitted again.
the log in address can also be
drivertechie.com/wp-admin
We improved your header buttons appearance by adding some custom CSS (under Jevelin > Customize > Backend Options > Custom CSS/JS)
Can you please let us know if the issue is fixed?
Thanks. Would you please let me know if I want to modify the height, which parameters should I change?
.sh-header-builder .menu-button-1 a,
.sh-header-builder .menu-button-2 a {
min-height: 50px!important;
line-height: 46px!important;
margin-top: 10px;
padding-left: 30px;
padding-right: 30px;.sh-header-builder .menu-button-2 {
padding-left: 0px!important;
}Also, what if I want to change the menu text font?
If you would like to further edit height you will need to edit:
- min-height – for height
- line-height – for text height
- margin-top – for positioning it from the top
Font family can be changed like this:
- font-family: Arial, Helvetica, sans-serif;
Best regards,
Shufflehound team
