WordPress.org

Ready to get started?Download WordPress

Forums

Gray border on Navigation in Twenty Eleven Child Theme (5 posts)

  1. josebonillaseo
    Member
    Posted 1 year ago #

    Hello,

    I've scoured through the forums and google but am stumped. I've got a navigation menu in my child them for Twenty Eleven that I changed some color scheme on. But I can't seem to rid myself of the gray border at the top of the navigation menu. I've tried this first:

    box-shadow: none;/* rgba(0, 0, 0, 0.4) 0px 1px 2px */

    But that didn't change anything. Then I tried this:

    -webkit-box-shadow: none;/* rgba(0, 0, 0, 0.4) 0px 1px 2px; */
    -moz-box-shadow: none;/* rgba(0, 0, 0, 0.4) 0px 1px 2px; */
    box-shadow: none;/* rgba(0, 0, 0, 0.4) 0px 1px 2px */

    But also nothing changed. Any ideas? I'm a rookie with CSS editing, but not completely useless (I think).

    Also, commented out the old settings so I wouldn't lose anything just in case.

    Here is the page I'm trying to change. You can see the gray border at the top.

    http://www.thejuliemarcus.com/

    THANKS IN ADVANCE FOR ANY HELP!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Use a browser developer tool for these kinds of exploratory CSS issues.
    I used Google Chrome's built-in developer tool and found the culprit CSS in a few seconds [screenshot] (highlighted on the right). I'm trying to illustrate how valuable these developer tools are.

  3. josebonillaseo
    Member
    Posted 1 year ago #

    Thanks Andrew.

    I had actually tried that too. I just tried it again to make sure I didn't miss anything the first time. I found the

    #branding {
    	border-top: 2px solid #bbb;
    	padding-bottom: 10px;
    	position: relative;
    	z-index: 9999;
    }

    Section on my .css file and changed the #bbb to #800000 to match the color of my nav menu. But I still didn't see any changes. My other guess is there's something wrong with my nav menu code somewhere. Here is what that looks like as it stands. Maybe your trained eye can see something there...?

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

    p.s. - I love Google Dev Tools. They have lead me the right way many times and have taught me more than a thing or two.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    I don't think you've set up your Child Theme correctly if you're able to edit existing styles. You should be creating new styles because the Child Theme stylesheet only @imports styles over.
    http://codex.wordpress.org/Child_Themes#Example_of_a_basic_Child_Theme

  5. josebonillaseo
    Member
    Posted 1 year ago #

    Thanks, Andrew.

    I've reviewed those instructions and reviewed my child-theme set up. I'm not sure I follow. I feel like I've done everything as outlined.

    In my FTP directories, I have:
    /thejuliemarcus.com/wp-content/themes/

    Within that I have "twentyeleven" and "twentyeleven-child"

    I've then written the code as outlined in the how-to. Then in my wordpress dashboard under Appearance>Themes, I have selected "twenty eleven child". SO I think that is set up properly. Can I send you anything so you can take a look at specific code? The webpage itself is thejuliemarcus.com

Topic Closed

This topic has been closed to new replies.

About this Topic