Docs

[NenadJovanovicCOM]

Hey,

I’ve been trying to get this working for a while but I can’t get it too look decent in any way!

I’m trying to add either a button or a styled link to the very right of my menu Kind of like the pictured below :

http://imgur.com/V1kqTPc

http://imgur.com/FLdYIBy

But What I’m currently getting looks more like this

http://imgur.com/VjEyciL

The style for that is just x-btn

I’ve tried with a couple of others

http://imgur.com/ojK31x7

.myButton {
	background-color:#44c767;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;
	border-radius:36px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
}

And I tried to clean it up using the below code

.myButton { 
    background: hsla(150,66%,57%,0.93);
    border-radius: 100px;
    height: 40px;
    margin-top: 12px;
}

http://imgur.com/yYNGs00

but it still seems to hog the top of the page 🙁

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[NenadJovanovicCOM]

This reply has been marked as private.

[Thai]

Hi There,

Please remove the x-btn class from your menu item, then add the following CSS:

li#menu-item-88 a span {
    color: #fff;
    border-color: #0445a5;
    background-color: #2980b9;
    border-radius: 100em;
}
li#menu-item-88 a:hover span {
    background-color: #37cc4a;
    border-color: #0e6719;
}

Hope it helps 🙂

[Author]

Posts