Flex theme - Make main menu links into buttons

SwiftLifestyles
New Member
2 0 0

Hello,

I'm trying to figure out how to change the main menu links ( https://demos.outofthesandbox.com/?theme=Flex&style=Fresh ) into buttons similar to this https://gamefuel.com/

0 Likes
SwiftLifestyles
New Member
2 0 0

So I spent the last couple hours teaching myself css and basically figured it out (for the most part), so for anyone wondering:

a.navbar-link.header__link{
background-color: #ffffff;
border-radius: 1px;
border-top-style: solid;
border-color: black;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 20px;
skewX(-10deg);
-moz-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);
}

 

The skew basically just gives it that shape, so you can remove "skew X" strings if you want a normal rectangle.

0 Likes