hello –
on my homepage (front page) OR gallery (thumbnail grid container)
how do i adjust the “thickness” of the grid – i want to make it thinner and more streamlined and clean.
www.shane-richardson.com
thanks – shane.
how do i make grid lines thinner
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Shane
Not really with you there. Is this the same question as: https://siteorigin.com/thread/grid-layout-adding-columns
Hi Andrew – thanks for the quick response!
I’m literally trying to modify the white grid box template lines , (the lines are too thick)
– effectively making the lines thinner and a different color
(i.e. instead of 5px — they are 0px or 1px)
(instead of white — med. grey)
thanks again for your time and consideration.
bets – Shane.
No problem.
Those aren’t lines as such, they are gaps between the thumbnails, the color behind them is the color of the container they are in. The color of the background is white, you can change it using the following:
/* Focus Set Container Color */ .content-container { background: #FFF !important; }Replace #FFF with your own color.
To change the gap between images you could use this:
.loop-container article { padding: 0 6px !important; }6px is the number to change there. That will only work if you’ve already removed the text over the images as directed in my previous thread answer.
We’re moving into developer territory here as each change will likely require tweaking and further support. Our theme support scope is more within the options the them provides out the box. Just giving you a heads up in that regard.
hey andrew – thanks!
99% finished with my support needs.
so i changed the color awesome! – thanks!
but there is still a white pinstripe border – i need to get rid of this – any ideas?
and i changed the padding per your suggestion between thumbnail columns horizontally – – it affected the space in between thumbnails – but not the space on the outside of the entire grid – or the space vertically between rows – any ideas ?
shane-richardson.com
greatly appreciate all of the support!
bets – shane
addendum : ..* last question – how do i change the color of the footer from medium grey to the same dark grey of the entire page – background footer area ( behind my custom black iatse art directors guild footer) thanks! best – shane
shane-richardson.com
Ok so you see your selector:
.content-container {
}
Just add a border property to that:
.content-container { background: #161616 !important; border: 1px solid red; padding: 16px !important; }Swap red with the border color, no need to paste all that, just add the one line to .content-container.
The padding 16px is what it is now – adjust that as required.
Now see your selector in Custom CSS: .loop-container article, the default one has a margin-bottom: 15px, so just adjust that as required. The final product might look like this:
.loop-container article { margin-bottom: 1px !important; padding: 0 1px !important; }Footer looks like this:
.site-footer { background: #161616 !important; }thanks andrew! perfect advice – you rock brother!
best – shane
real quick final Q – you helped with no titles on the thumbnails – thanks – but , if i 1.) wanted to play with opacity of text title background and keep text — or– 2.) get rid of the text background on each thumbnail in grid container and keep text – how would i manage that ?
thanks – shane
You can manage the opacity by adjust the last figure of this property:
.loop-container article .entry-title span { background: rgba(26,28,31, 0.9) !important; }