You mean that flash of white when the gallery opens or closes?
I put an image with my logo in mine. You can see here at www.chrisfawkes.com
You can just change the color too. Here is the code you want. Just change out the jpeg file for one you want or remove the background image line altogether.
Nice, that looks much better for the transitions when I click on a portfolio item but what I was really trying to change is the background behind all the entries in my portfolio section before you click on an item to open it.
Ok. I did change the color for mine but in reality it only changes the color for the top of the page.
What that means is that because I do not show the category tabs it appears that the page is dark but if I activate the catagory tabs then the section behind that is still white.
I will go find the code that i'm using as that may at least get you in the direction. Unless support chime in with a better answer.
Here we go
.container.portfolio-title{
background-color:#202020;
width:100%;
}
Then I have changed the background via custom css for my "information" section. Not sure if it will be useful but i'll post it in case
For the part with the portfolio filters that show white if you add
#filters {
background-color:#000000;
}
That will put a strip of black (or whatever color you choose) across the screen but only the height of the filters. There is still white above and below them. From what I can tell there is a class .sixteen.columns that covers that area but I cannot manage to change the color from white at all.
Lets be honest. It is surprising that this is so complicated when it should be a basic style choice with the theme. Hopefully this will be addressed in the next upgrade.
What I have recently found is changing the colour behind the filters can be done but by adding in an image and having it repeat. I assume this will also put the colour over that entire section.
I tried a few things to change the BG color of the portfolio section but was unable to get it to be anything other than white.
I tried custom CSS:
#portfolio{
background-color: #00000;
}
but that didn\'t do anything. Than I tried changing the portfolio php file but was still unable to change the color.
Any suggestions?
You mean that flash of white when the gallery opens or closes?
I put an image with my logo in mine. You can see here at www.chrisfawkes.com
You can just change the color too. Here is the code you want. Just change out the jpeg file for one you want or remove the background image line altogether.
#project-page-holder{
position: relative;
background-color:#000000;
background-image:url('http://chrisfawkes.com/wp-content/uploads/2014/07/galleryblackscreennoise.jpg');
background-repeat:repeat-repeat;
background-attachment:fixed;
background-position:center;
}
Hope that works for you.
Nice, that looks much better for the transitions when I click on a portfolio item but what I was really trying to change is the background behind all the entries in my portfolio section before you click on an item to open it.
Feel free to check out my site here www.matthewwachter.com
Currently the background it white.
Ok. I did change the color for mine but in reality it only changes the color for the top of the page.
What that means is that because I do not show the category tabs it appears that the page is dark but if I activate the catagory tabs then the section behind that is still white.
I will go find the code that i'm using as that may at least get you in the direction. Unless support chime in with a better answer.
Here we go
.container.portfolio-title{
background-color:#202020;
width:100%;
}
Then I have changed the background via custom css for my "information" section. Not sure if it will be useful but i'll post it in case
section#information{
background-color:#f5f5f5;
background-image:url('http://chrisfawkes.com/wp-content/uploads/2014/06/Informationbg2.jpg');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
border-bottom: 1px solid #000000;
}
Sorry I could not give you something that I know would work for certain but hopefully something there may be useful.
For the part with the portfolio filters that show white if you add
#filters {
background-color:#000000;
}
That will put a strip of black (or whatever color you choose) across the screen but only the height of the filters. There is still white above and below them. From what I can tell there is a class .sixteen.columns that covers that area but I cannot manage to change the color from white at all.
Lets be honest. It is surprising that this is so complicated when it should be a basic style choice with the theme. Hopefully this will be addressed in the next upgrade.
What I have recently found is changing the colour behind the filters can be done but by adding in an image and having it repeat. I assume this will also put the colour over that entire section.
section#portfolio {
background-image: url(http://chrisfawkes.com/wp-content/uploads/2015/02/portfoliobg.jpg );
background-repeat:repeat-repeat;
}
For some reason I could only get it to work with an image. Hope it solves your issue.