Is it possible to change the background color of a single column in a multicolumn object or change the size of a single column multicolumn object so The grey box in the photo is not visible. I am using a series of multicolumn objects so the items are displayed according to my design preference. Problem is, I have only 7 items and I need the 8th multicolumn object here so the 7th object is not out of order compared to the others.
site url: boshomogenisers.com → Equipment. I am using the dawn theme
Hi @ljonker1
We checked and saw that you’re having two issues:
- If you want to change the color or size of a single column, you can try these steps to customize it as you want:
- Use dev-tool to edit your website
- As you can see, the size of a single column is calculated in the base.css file. So if you want to edit, you can change that formula.
- Background-color is similar. You can un-tick to see the difference or change with another color
After correcting it, edit it again in the theme by:
For example: search file-name => Ctrl+F => search class-name => change value
- For your 7th-item problem, how do you want the items to display? I see that the number of objects is odd, so the divided layout is still reasonable.
I hope it will work for you.
Thank you so much! This enabled me to fix the problem. In the end, I disabled the height of the last mulicolumn in the section-multicolumn.css file which made it disappear without changing the other elements on the page.
1 Like