Hello, I wanted to know how to change the line spacing within the portfolio galleries. The 'spacing between items' in the 'Portfolio Style' tab seems to only work for the main page.
Also, is there any way to put two or three photos in the same line within the portfolio gallery (like a grid)?
I apologize if I'm missing the options for these. Thank you for your help!
You can apply the code by going to "Appearance > Customize > Additional CSS".
I hope this helps!
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
Hello, I wanted to know how to change the line spacing within the portfolio galleries. The 'spacing between items' in the 'Portfolio Style' tab seems to only work for the main page.
Also, is there any way to put two or three photos in the same line within the portfolio gallery (like a grid)?
I apologize if I'm missing the options for these. Thank you for your help!
Hello!
1. Did you mean about portfolio single pages? If so, then you can use custom CSS like this to reduce the bottom margin of each image:
.image-wrapper, .video-wrapper { margin-bottom: 5%; }2. You can also use custom CSS to reduce the size of portfolio images (on single pages) making them display in the same line. Please try this:
.image-wrapper img { max-height: 150px; width: auto; } .image-wrapper { display: inline-block; margin: 0 0.5% 1%; } .image-wrapper { text-align: center; }You can apply the code by going to "Appearance > Customize > Additional CSS".
I hope this helps!
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
More info: https://uxbarn.com/inspecting-elements-developer-tools/
Regards,
Paul
Thank you for the help, Paul!
You're welcome!