[shimz]

Is that possible? i tried
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px; in cssstyles but doesn’t seem to work.
thank you for help in advance (sorry can’t share the site yet still on localhost)

[Jim]

Hi

The following custom CSS worked for me.

#access ul li a, #access ul li a span {
border-radius: 5px;
font-family: Open Sans;
}

#access a span {
border-radius: 5px;
box-shadow: 0px 3px 5px black;
display:block;
padding:6px 13px;
}

obviously would need tweaking a bit.

Hope it helps

Jim…

[shimz]

THANK YOU, JIM! that worked!!! thank you very very much, but now i have an extra border around the entire menu area…..??

[shimz]

please ignore the last one. fixed it:) thank you again

[shimz]

but can the same be done for social icons also? or may be there is the way to round corners everywhere with one script?

[Jim]

Hi

Yes you can round social icons, but it depends where you are placing them (top, side etc.) I use them placed on right side for example.

no way currently that I know of to apply using one script.

Jim…

[Jim]

Hi

This would be the custom CSS if you were placing the social icons at the side.

#srights, #slefts {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 10px;
display: block;
height: auto;
margin: 0;
opacity: 0.5;
padding: 5px;
position: fixed;
right: 0;
top: 40%;
transition: opacity 0.5s ease-in-out 0s;
width: 30px;
z-index: 99;
}

[Author]

Posts