WordPress.org

Forums

[resolved] How do I change the line below my menu??? (9 posts)

  1. madisunanne
    Member
    Posted 3 years ago #

    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 http://www.aninchofhope.com

    Thank you,
    madisunanne.
    <3

  2. jacobuid
    Member
    Posted 3 years ago #

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

  3. madisunanne
    Member
    Posted 3 years ago #

    @jacobuid,

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

  4. jacobuid
    Member
    Posted 3 years ago #

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

  5. jacobuid
    Member
    Posted 3 years ago #

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

  6. madisunanne
    Member
    Posted 3 years ago #

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

  7. madisunanne
    Member
    Posted 3 years ago #

    /* 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)

  8. jacobuid
    Member
    Posted 3 years ago #

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

    you can delete any of the box-shadow lines...

  9. madisunanne
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.