Navigation
Archive / Changing the background color on portfolio pages
This is archived content. Visit our new forum.
  • Author
    Posts
  • June 2, 2014 at 10:22 am #51314

    Sam H
    Participant

    Hi,

    I want to change the background color on the portfolio pages from the default light grey to white. I have tried adding custom css on the pages, but nothing happens. Please advise. Thanks in advance.

    Sam

    June 2, 2014 at 12:50 pm #51387

    Aman
    Member

    Hi there,

    Please provide the URL of your website so I could provide a customized CSS code for you.

    Thanks!

    June 2, 2014 at 1:01 pm #51397

    Sam H
    Participant

    izzdo.com

    Thanks again for all the help!

    June 3, 2014 at 3:10 am #51630

    Christian
    Moderator

    Hey Sam,

    Please add the code below in the Customizer > Custom > CSS.

    .page-template-template-layout-portfolio-php .site {
background-color: white;
}

    Hope that helps. 🙂

    June 3, 2014 at 6:27 am #51697

    Sam H
    Participant

    Thanks. It didn’t seem to work though.

    June 3, 2014 at 9:49 pm #52011

    Christian
    Moderator

    Please try

    .page-template-template-layout-portfolio-php .site {
background-color: white !important;
}

    If that still doesn’t work, please give us access to your WordPress admin.

    Thanks.

    June 4, 2014 at 9:00 am #52229

    Sam H
    Participant

    Thanks! That changed the background on the portfolio page, but all the projects in the portfolio still have that grey background. Please advise, thanks!

    June 4, 2014 at 2:17 pm #52412

    Aman
    Member

    Hi there,

    Please add this CSS to Customizer > Custom > CSS:

    .x-portfolio{
 background:#fff;
}

    That should help.

    Thanks!

    June 5, 2014 at 6:05 am #52791

    Sam H
    Participant

    Worked great! Thanks for all the help

    June 5, 2014 at 8:25 am #52853

    Christian
    Moderator

    You’re welcome Sam.

    July 24, 2015 at 5:47 pm #339731

    CAMSS
    Participant
    This reply has been marked as private.
    July 25, 2015 at 1:31 am #339958

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating the thread!

    Please use this code in your customizer, Appearance > Customize > Custom > CSS

    .x-portfolio,
.x-portfolio .entry-wrap {
    background: #f0ecd3;
    box-shadow: none;
}

.x-iso-container>.hentry {
    padding: 0 0.5em 1em;
}

.x-iso-container>.hentry:nth-child(1),
.x-iso-container>.hentry:nth-child(2),
.x-iso-container>.hentry:nth-child(3),
.x-iso-container>.hentry:nth-child(4){
    padding-top: 1em;
}

.x-iso-container>.hentry:first-child,
.x-iso-container>.hentry:nth-child(4n+1) {
    padding-left: 1em;
}

.x-iso-container>.hentry:nth-child(4n) {
    padding-right: 1em;
}

    Please let us know if this works out for you.

  • Author
    Posts