Archived topic
box styling with css
8 replies · Started by Melissa on August 2, 2019
Could you please help me with a css problem?
On this page, I can't seem to create any margin on the right side of the orange box:
https://theslowroad.org/category/destinations/asia/laos/
Hi there,
Like this element here?
https://www.screencast.com/t/LRFxQW2K
Not sure why the grid classes would be needed?
It's left over from when David was helping me with positioning the map. Sorry.
But also when I remove it, I get the box extending to the top of the page.
Looks like you need to re-work your HTML a bit.
Each section should have its own <div>
In the main content I have 5 distinct divs. But the infobox div sits too high and behind the first two (column) divs.
What if you wrap the first 2 grid-50 in a <div> as well?
No change
Because the first two elements were floated, I needed to put
clear: both;
in the .infobox rules. It's working now.
Awesome :)
