How to change portfolio wrapper background color

ouaamarimohamed · February 2016

Hello

I've made a boxed layout for my website. I've assigned a background image trough "Layout" panel. But when I apply this layout to pages like portfolio and contactpage, this pages their wrapper is transparant, and I want to have a nice white background without losing my box layout.

I've Attached printscreens.

Can you help me please.

Thanks in forward

Albert · February 2016

Hi,

the images you send above, does not work. To send us images, we suggest to use http://pasteboard.co/

Also, with those images, please send us link to page that concerns your question and images.

ouaamarimohamed · February 2016

Here are te requested links

http://pasteboard.co/1fQTlEi6.png --> How it should be
http://pasteboard.co/1fQRCvaE.png --> How it should not be

website link :
http://chatar.be/products/

Albert · February 2016

Ok. So to set white background for portfolio pages, you need to use extra css:

.page-template-template-portfolio #Wrapper, .page-template-template-portfolio #Content { background-color: #FFF !important; }

ouaamarimohamed · February 2016

I'm sorry but nothing changes after adding this piece of css

ouaamarimohamed · February 2016

I've found the issue. For homepage, i've this piece of code :

/* Background */

#Header_wrapper { background-color: transparent; }

#Wrapper, #Content { background-color: transparent; }

.home { background: url("http://chatar.be/wp-content/uploads/2016/02/bg66.jpg");

background-position: center; }

body:not(.template-slider) #Header_wrapper { background-position: center bottom; }

Albert · February 2016

Good to know that you found the issue.

Techtribes · August 2018

Dear Support,

Link: http://techtribes.org/resources/

1) How do I change the portfolio project wrapper (which is now white) to transparent?

2) How do I change the font color to a different colour?

3) How do I change the portfolio project image size and shape? (e.g. a circle)

Thanks in advance for your reply!

Pablo · August 2018

Hi,

1) Please use this custom css

.portfolio-item .desc{
  background-color:transparent !important;
}

2)

.portfolio-item a{
  color:red !important;
}

3) This is not possible.
All options of portfolio are in Theme Options > Blog, Portfolio & Shop > Portfolio.

Thanks.

Techtribes · August 2018

Dear Pablo!

Thanks, this worked.

KoKollektiv · June 2020

How to show portfolio date on portfolio grid?

KoKollektiv · June 2020

I did.

Insert the code:

$output .= '<div class="date_label">'. esc_html(get_the_date()) .'</div>';

On include/content-portfolio.php file.

Pablo · June 2020

KoKollektiv,

So, do you need some further help?

thanks

How to change portfolio wrapper background color

Comments