161 comments found.
Hello Pavel, I need to have two portfolio pages. One for portfolio, another for a mixed gallery purpose but I want the portfolio without space between the elements and with space for the images of gallery page. I duplicated a portfolio page for gallery purpose but I viewed that if I load a url with these parameters, for example with your live preview site: https://nowadays.likeaprothemes.com/portfolio/fullwidth-col4/?portfolio_layout=grid&portfolio_gutter=false&portfolio_style=portfolio-1, the false value of gutter remove the space between the elements but this setting is also active for other page (gallery purpose page). How can I have two portfolio pages with different style? I think these parameters are passed in to database and that is why the two pages have autonomous styles. Thank you
Hi John,
Correct these parameters rewrites the value in database, so if you like to have different layouts you have to specify this parameter for each page(menu, internal links, etc.) which has portfolio elements.
In other words if you’re using this parameter it means that global theme setting will has no effect.
Regards,
Pavel
Is not there another way to have indipendent style? it is not the best to change the parameter in the db each time when different portfolio pages are loaded. Moreover the address with parameters would be visible. Can I set the space for gallery portfolio purpose independently for example with custom css? or maybe a compatible gallery plugin?
You can do that with custom CSS of course. I used parameters to give more flexibility to end customer with easiest way.
I tried with custom css for space between the element of the portfolio page but it seems not to respond to rules.. could you watch with which rule the portfolio page respond at the space, please? Thank you
.portfolio-gutter {
margin-left: -2px;
margin-right: -2px;
}
.portfolio-gutter .portfolio-item {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 4px;
}
Yes, but I have two portfolio pages. If I use these rules i have the same style for the two pages. I need one portfolio page with gutter and the other without. Please reply me Thank you Pavel
Update: if I add these rules in “Additional CSS” backend nothing is happening
Update2: I solved with a php function to set gutter true or false in the db based in which page they are without the use of parameters in the url. Thanks anyway
The simplest solution is:
1. add ID to section you want use portfolio with gutters
2. add custom CSS in appearance->theme settings->custom code->CSS:
#thissectionid .portfolio-1/2 (depends on style setting in theme settings) {
margin-left: -2px;
margin-right: -2px;
}
#thissectionid .portfolio-item {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 4px;
}
and of course disable portfolio gutters in global theme settings
Regards,
Pavel
