nevermind everyone

problem resolved by inspecting with chrome

thank you all

the enfold layerslider has right n left arrows
the transparent black appears when u cursor over the arrows
thats the effect i want

thanx
but one last question

.header_color .header_bg,
.header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
background-color: rgba(0,0,0,0.5);
}

and

#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child { background-color: rgba(0,0,0,0.5); }
renders to different results
the top, provided by dude is more of a transparent black
the bottom renders a transparent gray
thats what i am puzzled about

• This reply was modified 11 years, 2 months ago by anakinroy.

but dude
i dont know why
but ur opacity is what i want
but if only it can be for the menu bar only like what i am using now

big thank you if u can help me out
almost there with the header problem

sorry
.header_color .header_bg,
.header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
background-color: rgba(0,0,0,0.5);
}

this changes the top part where the logo is, to black also
can i just change the menu bar only?

i tried removed
.header_color .header_bg,
or
.header_color .main_menu .menu ul li a,
or
.header_color .main_menu ul ul,
or
.header_color .pointer_arrow_wrap .pointer_arrow,
or
.header_color .avia_mega_div

still renders the whole header black or transparent white
but i only want the menubar transparent black

• This reply was modified 11 years, 2 months ago by anakinroy.

hi again

now i am using a custom color for the menu bar from the css below
#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background-color: rgba(0,0,0,0.3);
}

i wanted a transparent black menu bar, but after going through many diff rbga, it renders gray when i set the opacity lower
i assume there is no color code for transparent black
so my question is
can i upload a transparent black image to the web and use css to use the image file?
and the menu words will sit nicely on the image?

second question

i tried shifting the menu bar down so that it overlaps the slider
#header_main_alternate {
margin-top: 35px;
margin-left: 0px;

}
and then using the sticky header option
it works
but it leaves behind a white line and area previously occupied by the menu
any ways to remove it cause the area becomes redundant

my end result is a black transparent menu bar overlapping the slider at the top of the slider

thank you so much again in advance

hi
it works great
but another questioner
after extending the header, the logo is not sitting in the center
how to shift the logo down so that its in the center of the extended header?