[Resolved] box styling with css

Home Forums Support [Resolved] box styling with css

Home Forums Support box styling with css

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #974449
    Melissa

    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/

    #974475
    Leo
    Staff
    Customer Support

    Hi there,

    Like this element here?
    https://www.screencast.com/t/LRFxQW2K

    Not sure why the grid classes would be needed?

    #974924
    Melissa

    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.

    https://theslowroad.org/category/destinations/asia/laos/

    #974944
    Leo
    Staff
    Customer Support

    Looks like you need to re-work your HTML a bit.

    Each section should have its own <div>

    #974992
    Melissa

    In the main content I have 5 distinct divs. But the infobox div sits too high and behind the first two (column) divs.

    #975012
    Leo
    Staff
    Customer Support

    What if you wrap the first 2 grid-50 in a <div> as well?

    #975031
    Melissa

    No change

    #975063
    Melissa

    Because the first two elements were floated, I needed to put
    clear: both;
    in the .infobox rules. It’s working now.

    #975100
    Leo
    Staff
    Customer Support

    Awesome 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.