• Resolved madisunanne

    (@madisunanne)


    Hello,

    I am in the process of reworking my Twenty Eleven theme.

    I would like to remove the line below the menu, & in its place put the same line that I see after each post? The line that I see now is a bit thicker & has a shadow of some sort that is not to my taste.

    Can anyone tell me what to do?

    My website is https://www.aninchofhope.com

    Thank you,
    madisunanne.
    <3

Viewing 8 replies - 1 through 8 (of 8 total)
  • in your styles.css file, search for:

    -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;

    it will be on line 541 inside the #access{} selector.

    and replace it with “border-bottom: 1px solid #DDDDDD;”

    Thread Starter madisunanne

    (@madisunanne)

    @jacobuid,

    I just did what you instructed, and it didn’t work!
    The line is still there…
    =(

    because you didn’t do what i instructed, the css styles i told you to replace are still there…

    why don’t you let me know what exactly did step-by-step, and ill try to see what went wrong…

    Thread Starter madisunanne

    (@madisunanne)

    I did what you instructed, but it didn’t work.
    I put the 3 lines back in and changed this to try to see what I could change to get rid of the box shadow.

    I adjusted to the code below:

    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px;

    This not only deleted the shadow below, but the gray line above that I’ve been trying to get rid of… =)

    Now, how do I place a gray line above and below without shadow???

    Thread Starter madisunanne

    (@madisunanne)

    /* Menu Background Color Change & Adding Correct Line Below Menu */
    #access {
    	background: #222; /* Show a solid color for older browsers */
    	background: -moz-linear-gradient(#fff, #fff);
    	background: -o-linear-gradient(#fff, #fff);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff)); /* older webkit syntax */
    	background: -webkit-linear-gradient(#fff, #fff);
    	-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 0px 0px;
    	clear: both;
    	display: block;
    	float: left;
    	margin: 0 auto 6px;
    	width: 100%;
    }

    This is what I have right now…
    No lines are appearing which I guess is better until I figure out how to create the same line that exists after each post? I don’t want it to extend full width,… only as far as the post body (if that makes sense)

    add to that code what i had above, the :
    border-bottom: 1px solid #DDDDDD;

    you can delete any of the box-shadow lines…

    Thread Starter madisunanne

    (@madisunanne)

    Done! =)
    THANK YOU!

    I changed the color to black b/c I think it looks better w/the black text…

    I tried to delete the box-shadow code, but when I did, it gave me the top gray line again,… so I just left it there as it seems to be keeping the gray line from appearing.

    One other question: Is there a way to make the line I just created only span the width of the post & sidebar & not the whole way across the page.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do I change the line below my menu???’ is closed to new replies.