Is there some way to make the margins equidistant from the top and bottom of the main white container to be the same size as the margins between portfolios in the grid?
Especially on the mobile version this space looks out of place.
The only thing that is slightly thrown off now is the filter horizontal space. I assume this needs to be changed so the space beneath it is also 50px. I have trouble identifying which markers ( .page-template-portfolio-page #main{ ) will make alterations.
Can you please help me identify various markers so I can make the alterations?
1. Margin of filters.
2. Margin for portfolio pages and other pages (i.e. about), not just the main portfolio page. I want the margin to be 50px so it\'s consistent throughout to eliminate white space.
3. Text for title/subtitle on the mouseover for portfolio thumbnails (I want to also make this smaller for screens smaller than 700px)
4. Text for slides (I want to make this smaller for screens smaller than 700px)
Is there some way to make the margins equidistant from the top and bottom of the main white container to be the same size as the margins between portfolios in the grid?
Especially on the mobile version this space looks out of place.
Hi,
taking your home page as an example set the padding for main container in portfolio templates
.page-template-portfolio-page #main{
padding: 50px 0;
}
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
This looks great, thanks.
The only thing that is slightly thrown off now is the filter horizontal space. I assume this needs to be changed so the space beneath it is also 50px. I have trouble identifying which markers ( .page-template-portfolio-page #main{ ) will make alterations.
Can you please help me identify various markers so I can make the alterations?
1. Margin of filters.
2. Margin for portfolio pages and other pages (i.e. about), not just the main portfolio page. I want the margin to be 50px so it\'s consistent throughout to eliminate white space.
3. Text for title/subtitle on the mouseover for portfolio thumbnails (I want to also make this smaller for screens smaller than 700px)
4. Text for slides (I want to make this smaller for screens smaller than 700px)
1) #filters
2) look for the classes addedin the <body> tag for each page and choose unique ones for CSS selectors
3) .item:hover .item-cat, .item:hover .item-title
4) the text for slides is added as html contemt in slides therefore you can add inline CSS styles as you wish
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
1) Not sure what to put in the filters to make the margin smaller on the bottom...
2) I\'m not sure what this means, sorry...
3) This seemed to have no effect?
Thanks!
Sorry you asked for markers.
1. Decrease the padding for filters.
http://www.w3schools.com/css/css_padding.asp
2. these are the markers to customize the text on hover portfolio items
3. double check your inline styles or send us an example.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy