WordPress.org

Forums

Twenty Eleven Modifications (24 posts)

  1. TexasMouse
    Member
    Posted 4 years ago #

    I am new to Word Press and am developing some simple one page landing sites for my clients. I am a graphic designer.

    I am using the Twenty Eleven theme and have several issues to solve:

    1) I am hiding the site title under theme options and uploading my own art for the header. There is a thin grey line above my file on the header. How do I remove?

    2) How do I remove the search bar from the menu area?

    3) I’m using the Showcase template, how do I remove “Recent Posts” from the bottom?

    4) Inserted photos and tables show with a thin grey line around them. How do I remove?

    5) Is there a simple way to change the background color of the page to something other than white or black? In Twenty Ten in the style.css wrapper the color could be changed. I don’t see that in this one.

    Thanks for any help you can offer. The site I’m referreing to is http://www.ArrangingInteriors.com

    Thanks!

  2. zeaks
    Member
    Posted 4 years ago #

    #branding {border-top: 0;} would remove the border in the header.
    #branding .only-search #s {display: none;} will hide the search, or you could remove it from the header.php file.

    I haven't used the showcase template yet and I'm not sure if you just want to remove where it says "Recent Posts" but this would hide that
    h1.showcase-heading {display:none;} If you want to remove the feature, then you'd have to edit showcase.php probably line 152-205 but I haven't tested that.

    To remove the border around images try this

    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
        border: 0;
    }

    This is assuming you're using a child theme.

  3. TexasMouse
    Member
    Posted 4 years ago #

    Thanks so much! Your info worked for the line at the top, removing the search bar and hiding the "Recent Posts" text. I have been searching for answers to this.

    I tried the code for removing the border around images but that didn't work. Not sure if I was doing that incorrectly, but it removed all the white background from the page area and left a wide white border under my header. Is there another way?

    Do you know how to change the background color to something other than white or black?

    You have been a life saver! The first three questions solved were the most important.

    What I've been doing is ftp to the server, copying the default Twenty Eleven theme to my computer, renaming it and then copying that back to the server and making changes to that theme, not the default one. Is that ok?

  4. alchymyth
    Forum Moderator
    Posted 4 years ago #

    5) Is there a simple way to change the background color of the page to something other than white or black?

    in twenty eleven, this general div has the css id #page

  5. TexasMouse
    Member
    Posted 4 years ago #

    Ok the border removal suggestion worked too! I was just in the wrong place before. Thanks!

  6. TexasMouse
    Member
    Posted 4 years ago #

    I found the #page and it worked for changing the background color. But at the bottom in the footer area it still remains white. Do you know where that color is located? I tried one area but it didn't work. Thanks for your help!

  7. AngelaKDunning
    Member
    Posted 3 years ago #

    Hi

    I'm using Twenty Eleven - I tried adding the above code #branding .only-search #s {display: none;} to hide the search box in the header but it didn't work - any tips on entering this, i.e. where and how exactly in the stylesheet?

    Many thanks

  8. TexasMouse
    Member
    Posted 3 years ago #

    That exact code is already in the style.css under /* =Menu, /* Search Form */. Just change it to "none".

  9. AngelaKDunning
    Member
    Posted 3 years ago #

    Hi TexasMouse,

    Thanks for this but can you be more explicit as this is new territory for me editing the style.css -

    Do I change the whole section under 'search form' to "none"? What do I delete/change exactly?

    Many thanks.

  10. TexasMouse
    Member
    Posted 3 years ago #

    In the style.css scroll down to the area that says /* Search Form*/ and a few lines below it will have the code: #branding .only-search #s {display: none;} Just change whatever value is currently after "display" to the word "none".

  11. lordjamito
    Member
    Posted 3 years ago #

    Thanks for the info alchymyth!

  12. Alexandre Pereira
    Member
    Posted 3 years ago #

    The offending rule on the CSS for the top border is this one:

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

    See that first command? It creates the freaking border. It shouldn't be there when we're using the image without showing the title.

  13. Jocelyne
    Member
    Posted 3 years ago #

    @zeaks you rock! thanks!

  14. Matthew Hutson
    Member
    Posted 3 years ago #

    I tried adding
    #branding {border-top: 0;}
    to style.css in my twentyeleven-child folder but nothing happened. Any idea why?
    Thanks,
    Matt

  15. harryts
    Member
    Posted 3 years ago #

    Hello, I just started using Twenty Eleven and I've a very simple question. How can I change the colour of the thick line under my Header Image from the oppressive black to any other? For example, to the grey, as in posts? Or probably to the dark blue? I obviously should change something in my #branding section. How to remove a border I understood. Thank you.

  16. harryts
    Member
    Posted 3 years ago #

    Oh, thanks. I managed to do it. Sorry:-)

  17. rosiesyarncellar
    Member
    Posted 3 years ago #

    Is it possible to keep the large photo banner but add a logo to the text on the top of the page that includes the site title? http://www.test.rosiesyarncellar.com/

  18. danf87
    Member
    Posted 3 years ago #

    Hi I'm also trying to take out the search bar and the comment section, except i'm using the child theme can anyoone please help me. I'm a complete noob like as of yesterday so if you can explain for my situation i'd really appreciate it.

  19. grany54
    Member
    Posted 3 years ago #

    I am a EARLY beginner and I'm trying to get rid of the search box and was told never mess with the code. I did that and crashed my site. Now I'm back and still need to remove this code. I have found the spot, in style.css, where TexasMouse said it would be. There are several "#branding .only-search #s" one with background, border, color and the next background-color.

    I don't see a "display" there. Do I add "Display-none" by making a hard return then past it in....

  20. fuelstoragedesign
    Member
    Posted 3 years ago #

    I really don't understand how to create a child theme as I am very new to word press and to creating a website. I want to get rid of or change the colour of the black bar under the header image in theme twenty eleven and get rid of the search box temporarily. Can anyone give me a step by step guide?

  21. fuelstoragedesign
    Member
    Posted 3 years ago #

    I really don't understand how to create a child theme as I am very new to word press and to creating a website. I want to get rid of or change the colour of the black bar under the header image in theme twenty eleven and get rid of the search box temporarily. Can anyone give me a step by step guide?

  22. grany54
    Member
    Posted 3 years ago #

    When you're in the "dashboard" go under Settings and then click on "theme options". There you will see "menu background color". Just select it and change it to whatever you want.

  23. grany54
    Member
    Posted 3 years ago #

    Oh whoops under "Appearance" not "Settings" sorry!

  24. JWH Creative
    Member
    Posted 3 years ago #

    Hello,
    I'm also trying to remove the recent posts from the bottom of my pages in the Showcase template. With no luck.

    Zeaks said:
    I haven't used the showcase template yet and I'm not sure if you just want to remove where it says "Recent Posts" but this would hide that
    h1.showcase-heading {display:none;} If you want to remove the feature, then you'd have to edit showcase.php probably line 152-205 but I haven't tested that.

    Where and how would I use h1.showcase-heading {display:none;}
    + exactly what code would I need to edit / remove?

    Many thanks and apologies for being such a dumbass.

Topic Closed

This topic has been closed to new replies.

About this Topic