[IPB 4]How to make Menu transparent and rounded edges

by Admin - 11-07-2015, 06:51 AM
Novice
Posts:
44
Joined:
Jan 2015
Likes:
3
Credits:
1
Reputation:
0
2 Years of Service
#1
OP
Posted: 11-07-2015, 06:51 AM
This will let you make your menu transparent and add rounded edges to menu header and active listed item corners

example:

[Image: NSI8qVJ.png]


Go to ACP -> Customization -> Theme -> click button </> to edit html & CSS

Go to CSS tab and find Custom.css and add the following

Code:
#elSearchNavContainer{
 background:rgba(0,0,0,0.5);
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 15px;
 -moz-border-radius-topleft: 15px;
 -moz-border-radius-topright: 15px;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
}
#ipsLayout_header nav a.ipsNavActive {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

Save & it should now look like the above picture.
Akihisa
12-02-2017, 05:36 AM
Novice
Posts:
36
Joined:
Jun 2015
Likes:
1
Credits:
3
Reputation:
0
2 Years of Service
#2
Posted: 29-07-2015, 04:36 PM
tnk
hwo to replase color
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)