Changing Menu/Nav Bar Colour remove space above header

  • Resolved VivBounty

    (@vivbounty)


    12 years, 4 months ago

    Hello Support,

    Some help please?

    Using 2011 child theme here https://www.vivbounty.org/

    I have tried solutions I’ve seen posted here in the forums and none seem to work.

    I’d like my Nav/Menu bar #4d00ed hex colour but it is still black. Here is the code I have placed in my child theme

    /* =Menu
-------------------------------------------------------------- */
#access {
	background: #222; /* Show a solid color for older browsers */
	background: background: none repeat scroll 0 0 #4d004d;
	background: -o-linear-gradient(#4d004d, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d004d), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#4d004d, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}

    Also would like to remove the space above the header so that the site bumps right up against the top of the browser.

    Thank you in advance for your kind assistance

Viewing 5 replies - 1 through 5 (of 5 total)
  • Digest WP

    (@jay-stankiewicz)

    Hello,

    For one try removing the extra background: where I made bold for you.

    #access {
    background: #222; /* Show a solid color for older browsers */
    background: background: none repeat scroll 0 0 #4d004d;
    }

    Make sure to remove any other background:#colors or background-color:#colors

    Then add something like this

    #access {background-color:#4d00ed;} and if that doesn’t work make sure there are no other style overwriting it or you can try something like this
    #page #access {background-color:#4d00ed;}

    Good luck

    Thread Starter VivBounty

    (@vivbounty)

    Hi Jay,
    Thanks for chiming in. Is this what you meant?

    @import url("../twentyeleven/style.css");

/* =Header
-------------------------------------------------------------- */

#header {
	padding: 0px 0 0 0;
}

/* =Menu
-------------------------------------------------------------- */
#access {
	#access {background-color:#4d00ed;}
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}

    If so, it didn’t work. It’s still black

    Thread Starter VivBounty

    (@vivbounty)

    Also tried this:

    @import url("../twentyeleven/style.css");

/* =Header
-------------------------------------------------------------- */

#header {
	padding: 0px 0 0 0;
}

/* =Menu
-------------------------------------------------------------- */
#access {
	#page #access {background-color:#4d00ed;}
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}

    Which did not work either. Menu bar still black. Also, notice I have the header padding to 0px and still the site not butting up to top of browser.

    Await your kind expertise,
    Thanks.

    Thread Starter VivBounty

    (@vivbounty)

    Hello Support,
    I figured the menu bar out. I had not activated my child theme.

    Still have the space above the header issue. Can anyone help. I un ticked show title and description which removed all the white space and that’s good.

    I want the header to be right at the top of the screen and not showing a bit of the background image above. Where do I remove that padding or margin please?

    Await your kind assistance.

    Thread Starter VivBounty

    (@vivbounty)

    Hello Support,

    Found another post which explains. Have got all the tweaks I wanted to work now.

    Thank you kindly.

    Reporting this issue resolved.

    Bountiful Blessings,
    Viv

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing Menu/Nav Bar Colour remove space above header’ is closed to new replies.