Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #643937

    I inserted a “1/4” element (with the menu) on the left and a “3/4” element on the right; I made this to get a vertical line on the left of the 3/4 (see my previous support request).

    Now, in the 3/4 element I inserted 4 “team member” elements but (at the beginning) they occupied 100% of the 3/4 element width, so they were placed piled one above the other

    I added some quick CSS in general styling:

    .avia-team-member {
    width:50%;
    }

    img.avia_image_team {
    float: left;
    }

    getting a proper alignment on the left and a reduced size of the tm element: but they remain piled and don’t place in a row (2 members for each row)

    how can I place those team elements, two per row, keeping the 3/4 layout element (needed for the vertical line)?

    TIA

    #644347

    Hey Giovanni,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-team-member {
        margin: 30px 0;
        clear: none!important; 
        float: left;
    }
    

    Best regards,
    Vinay

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.