Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #929161

    Hello,
    On my site, I would like the result attached (result.jpg).
    You can see what I currently get on the URL below. I don’t know the right solution to achieve my goal.
    – 5 columns with no margin allows me to get the full dark blue background but I don’t know how to add margin between the 2-3-4 columns and reduce a bit 1 and 5th.
    – 5 columns with margin doesn’t allow me to have a “full” background, cf print screen (withcolumns.JPG) but seems to be easier to change the columns width.

    Which solutions should I choose?

    Tx a lot for your help,
    Marine

    #930349

    Hey newki75,

    Thank you for using Enfold.

    We copied the actual markup of the columns and copied it inside a code block element which is then inserted inside 1/1 columnn. Let us know if that’s what you’re after. ( see private field )

    Best regards,
    Ismael

    #931371

    Hello Ismaël,
    Yep it’s perfect. How can I reduce the size of the 1st / Last column to get more space for the 2nd, 3rd and 4th?
    Txxxxxx
    Nice day
    Marine

    #932205

    Hi,

    We applied a unique class attribute to column container called “nos-valeurs-column” and then added the following css codes.

    .nos-valeurs-column .av_one_fifth {
        width: 29%;
    }
    
    .nos-valeurs-column .av_one_fifth:nth-child(1), .nos-valeurs-column .av_one_fifth:nth-child(9) {
        width: 3%;
    }

    Best regards,
    Ismael

    #932262

    So cool it’s perfect, thanks Ismaël !
    You can close the case :-)

    #932336

    Hi newki75,

    Glad Ismael could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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