IP.Board Tutorials
[IPB 4]How to make Menu transparent and rounded edges
Submitted by Admin, 11-07-2015, 06:51 AM, Thread ID: 6907
Thread Closed
This will let you make your menu transparent and add rounded edges to menu header and active listed item corners
example:
![[Image: NSI8qVJ.png]](//i.imgur.com/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
Save & it should now look like the above picture.
example:
![[Image: NSI8qVJ.png]](http://i.imgur.com/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.
RE: [IPB 4]How to make Menu transparent and rounded edges
29-07-2015, 04:36 PM
#2 RE: [IPB 4]How to make Menu transparent and rounded edges
16-07-2019, 03:39 PM
#3 Users browsing this thread: 4 Guest(s)