[resolved] Remove grey area in showcase in twentyeleven (6 posts)

  1. cocococo
    Posted 4 years ago #

    Hi, I'm using showcase as a front page template. I need to let the background show through, so need to remove the white background in showcase. Any ideas where to look in the CSS.

    I've done it successfully for the other templates, but this white background is only on showcase


  2. Michael
    Forum Moderator
    Posted 4 years ago #

    please post a link to your site to illustrate the problem.

    you could try and use a web tool such as Firefox' add-on Firebug or similar to investigate the involved css.


  3. cocococo
    Posted 4 years ago #

  4. Michael
    Forum Moderator
    Posted 4 years ago #

    /* Intro */
    article.intro {
    	background: #f9f9f9;
    	border-bottom: none;
    	margin: -1.855em -8.9% 1.625em;
    	padding: 0 8.9%;

    please do yourself the favour not to edit Twenty Eleven directly, but to create a child theme to work with.

    an unedited default Twenty Eleven is important in case of major problems, and reduces the risk that the customisations get overwritten with the next upgrade.


  5. cocococo
    Posted 4 years ago #

    Thanks so much, Interesting, it didn't work in the child, it works in twenty eleven ( the parent)

    Can you also help - I would like to increase the width of that panel - I've looked up a great number of posts, none of the ideas work

    Thanks http://www.copywriting.id.au

  6. Michael
    Forum Moderator
    Posted 4 years ago #

    set the left and right padding in the same style to a smaller value or 0 (zero);

    in the child theme, this is all you would need to add:

    article.intro { padding-left: 0%; padding-right: 0%; background: none; }

    that should take care of the background as well;
    you need to overwrite = re-define the styles in the child theme.
    don't edit any files in the parent theme.

Topic Closed

This topic has been closed to new replies.

About this Topic