[Andrea]

hi,
when i change the color of primary menu, the transparence in the menu background is not visible.
How can i setting the transparency in primary meu?
Thank you for all your assistance.

[Sakin]

@Andrea: For transparency, you need to use RBGA color with opacity. For example, in the following you can css background: #444; this is for old browser support and is solid color without transparency. But the background: rgba(0,0,0,0.7); mean black color with 70% transparent.

.nav-primary {
    background: #444;
    background: rgba(0,0,0,0.7);
}

[Andrea]

I must change options in the fullframe-default-options.php?

with this is code

.nav-primary {
background: #444;
background: rgba(0,0,0,0.7);
}

[Sakin]

@Andrea: No, all custom css should be added in “Appearance => Customize => Theme Options => Custom CSS Options” box.

[Andrea]

ok thanks,
for the Sub Menu Background Color and Hover Active Background Color?

[Sakin]

@Andrea: Here goes the css for sub menu background color:

.nav-primary .menu .sub-menu a,
.nav-primary .menu .children a {
    background: #444;
    background: rgba(0,0,0,0.7);
}

In hover/active, we don’t have background color and just have change the text color as below:

.nav-primary .menu .current-menu-item > a, 
.nav-primary .menu .current-menu-ancestor > a,
.nav-primary .menu .current_page_item > a, 
.nav-primary .menu .current_page_ancestor > a {
	color: #aaa;
}

[Andrea]

hi,
i added added in “Appearance => Customize => Theme Options => Custom CSS Options” box.
.nav-primary .menu .sub-menu a,
.nav-primary .menu .children a {
background: #444;
background: rgba(255,255,255,0.7);
}
but the sub menu background color in nor trasparent

below I indicate all content in css box
.home #content { display: none; }
#feature-slider .entry-container { display: none; }
#feature-slider .slides { width: 100%; }
#header-toggle { color: #444; }

.nav-primary {
background: #444;
background: rgba(255,255,255,0.7);
}
.nav-primary .menu .sub-menu a,
.nav-primary .menu .children a {
background: #444;
background: rgba(255,255,255,0.7);
}

thanks for your support

[Sakin]

@Andrea: Post in your site URl and then I will check in.

[Andrea]

i do not understand

[Sakin]

Ok replace your current custom css:

.nav-primary {
background: #444;
background: rgba(255,255,255,0.7);
}
.nav-primary .menu .sub-menu a,
.nav-primary .menu .children a {
background: #444;
background: rgba(255,255,255,0.7);
}

With the following css:

.nav-primary,
.nav-primary ul.menu .sub-menu a {
background: #fff;
background: rgba(255,255,255,0.7);
}

[Andrea]

solved

I think I bought not only a great theme but also a great support.
Thanks sincerely

[Sakin]

@Andrea: Thanks for your appreciation 🙂

[Author]

Posts