main menu background smaller

Posted in: Newspaper
Post count: 140
yoluca
#85024
Dec 20, 2015 at 4:00 pm

Hi,

i would like to make main menu background smaller … same with as contend… so i applied this css style to panel custom code

.td-boxed-layout .td-header-style-3 .td-header-menu-wrap, .td-boxed-layout .td-header-style-4 .td-header-menu-wrap {
background-color: transparent !important;
}

for some reason its not working …. in firebug works perfect but not on live site …

for header i use style 3 : boxed dark menu

Thanks

Post count: 6535
Andrei L.
#85149
Dec 21, 2015 at 1:55 pm

Hi

I’ve checked your css and works fine, the result can be seen here: http://screencast.com/t/OwfxtB9o If this is not the desired reult please provide more details se can inspect this closer.

Thanks!

Post count: 140
yoluca
#85296
Dec 22, 2015 at 9:15 am

Its not working …

I applied the style in custom code admin panel …. Deleted cache refresh page … Nothing

Thanks

Post count: 22421
Bogdan B.
#85341
Dec 22, 2015 at 11:23 am

Hello,
Please check the custom css you already have in the theme panel. Many of these types of problems come from an open css tag or other css syntax errors.
Thank you!

Post count: 140
yoluca
#85437
Dec 22, 2015 at 5:34 pm

this is what i have :

.td-post-template-2 .td-post-featured-image img {
margin: 0 auto;
}

.td-post-template-2 .td-post-featured-image .wp-caption-text {
text-align: center;
}

.td-boxed-layout .td-header-menu-wrap .td-boxed-layout .td-header-menu-wrap {
background-color: transparent;
}

.maincategoryclass {
background: #EFEDE1 none repeat scroll 0% 0%;
}

please advice

Post count: 140
yoluca
#85438
Dec 22, 2015 at 5:40 pm

http://tinypic.com/r/282dnb4/9

the css style i apply , seems to be overwritten by original style for same area ….

.td-boxed-layout .td-header-style-3 .td-header-menu-wrap, .td-boxed-layout .td-header-style-4 .td-header-menu-wrap {
    background-color: #EFEFEF !important;
}

which is from admin panel settings …. overwrites custom code ….

.td-boxed-layout .td-header-style-3 .td-header-menu-wrap, .td-boxed-layout .td-header-style-4 .td-header-menu-wrap {
    background-color: transparent !important;
}

i just need the main menu background to be same width as website contend area ….

thanks

  • This reply was modified 10 years by yoluca.
Post count: 22421
Bogdan B.
#85558
Dec 23, 2015 at 9:04 am

Hello,
I tested the code again and could not recreate the issue on my end. I added it in the theme panel custom css box and it applied as expected. Please try to disable all plugins except visual composer to rule out a plugin conflict which may interfere with the css. If it still will not work, then you can edit the style.css directly in the file and set the color to transparent. http://screencast.com/t/tChaCvdyVV
Thank you!

Post count: 140
yoluca
#85597
Dec 23, 2015 at 11:42 am

Hi,

Ok i no longer need this … what i want is to have current menu/active menu this color >> #d13030

also for hover same color >>> #d13030

so i applied

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color: #d13030 !important;
}

which works fine for hover …. but soon i select a menu which becomes the active menu …. it doesnt stay red >>> color: #d13030

please advice

in panel theme colors ACTIVE & HOVER COLOR only changes the small line under menu ….. not the menu itself … so i have this set to transparent ….

thanks

Post count: 22421
Bogdan B.
#85624
Dec 23, 2015 at 1:51 pm

Hi,

For the active menu item to retain it’s color you need to use a child selector and use the current menu item like so:
.sf-menu > .current-menu-item > a{
color:#d13030!important
}
I hope this helps.

Thanks.

Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.