how to make Top Menu just use 1 px solid line on bottom and MENU just have 1 px

Posted in: Newspaper
Post count: 63
adhi
#38870
Feb 20, 2015 at 3:49 am

1. how to make Top Menu just use 1 px solid line on bottom
2. how to make MENU just have 1 px solid on top and bottom
*i this edit.. i wanna look flat design and simple with 1 px solid line for top menu and menu

for detail i mean, please check my screenshot :

http://4.bp.blogspot.com/-b6XSqDOTZNM/VOaT9qgjyWI/AAAAAAAAAMk/zT2AZPhrq_o/s1600/flat%2Bwith%2B1%2Bsolid%2Bline.jpg

Thanks

  • This topic was modified 11 years by adhi.
Post count: 7909
Alin [tagDiv]
#38894
Feb 20, 2015 at 10:59 am

Hi,

Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/Kh63c2qFSPZf

.td-full-layout .td-header-menu-wrap{
border-bottom: 1px solid red;
}
.td-full-layout .td-menu-background{
border-top: 1px solid red;
border-bottom: 1px solid red;
}

Result: http://screencast.com/t/70etvMBdN

You can change top-menu background to white from here: http://screencast.com/t/QtvuMhelHMB and also text color from Theme Panel > Custom Typography > Menus: http://screencast.com/t/3e4sqEMDc4f

Thanks!

Post count: 63
adhi
#38899
Feb 20, 2015 at 11:19 am

working sir…
can help me for make flat line on MENU bottom sir? because i see any shadow on bottom line

http://4.bp.blogspot.com/-rffPVnYlKaw/VOb78ssSoeI/AAAAAAAAADE/nql-jEarC2M/s1600/header%2Bcustom.jpg

Thanks

Post count: 7909
Alin [tagDiv]
#38902
Feb 20, 2015 at 11:35 am

Hi,

Please use this css code for that: http://screencast.com/t/LRUijdDpWv

.td-full-layout .td-menu-background{
background: none;
}
.td-full-layout .td-menu-background:after{
background: none;
}

Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.