Tagged: button border
Hi,
I need to remove the 1px bottom border on buttons on this site but I can’t see how to do this – I casn do it in the inspector but am having difficuly targeting the right selector in quick CSS.
Can you help please ?
Thanks in advance
Hey Hugues,
Thanks for getting in touch with us!
I am not sure which buttons you were speaking of; the only thing I saw with a 1px border was the menu in the sidebar. If that is what you are looking to remove, please try the following:
.menu-service-side-menu-container li {
border-bottom: 0px !important;
}
If not, would you mind posting us a screenshot of the button you would like to edit? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
Jordan
Hi Jordan,
My bad – there is a 1px border built in to the css for buttons in the theme it seems but by over-riding button colours manually I seem to have been able to to get rid of it anyway :-)
This is what i see in the inspector for buttons:
body div .avia-button {
border-radius: 3px;
padding: 10px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 3px 0;
line-height: 1.2em;
position: relative;
font-weight: normal;
text-align: center;
max-width: 100%;
}
Hugues
Hi Hugues,
Thanks for getting back to me :)
Glad you were able to get rid of the border.
Best regards,
Jordan