Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 5, 2021 at 7:58 pm #1308833
    davs74

    Hi

    i would like to create three columns with the same size 380 * 380 px with one color section – i created a user css class (under child theme -> grob.css) but i can’t get it to work like the example.

    can you help me, i also sent you the admin login.

    Thanks and best regards

    July 7, 2021 at 6:48 am #1309037
    Ismael

    Hey davs74,

    Thank you for the inquiry.

    You can start by creating 2 rows with three 1/3 columns each. Edit the first column in the row, enable the Equal Height Columns option and remove the Space between columns. You should also enable the Custom top and bottom margin and keep the top margin to 0. You can then add a few css code to set a minimum height for the columns.

    Best regards,
    Ismael

    July 7, 2021 at 8:51 pm #1309157
    davs74

    Hi Ismael

    i have taken a color section (so that i can also run a background video) and have set three columns to 1/3 – with two rows – but on the left and right it is not flush with the color section. it should look exactly like on the example.

    thanks for your help and best regards

    July 7, 2021 at 8:57 pm #1309158
    davs74

    it is important that i do it exactly as shown in the example – i will also pay extra if you ask for it

    July 9, 2021 at 7:41 am #1309346
    davs74

    Hi

    how can i make all columns in a color section the same size (380px * 380px) and make it fit with the color section.

    Thank you

    July 11, 2021 at 12:33 am #1309518
    Mike

    Hi,
    Thank you for your patience, and for the login, I added the custom class box380 to your boxes and if you use this css it will make the boxes 380×380:

    #top .home-color-section-width > .av-section-color-overlay-wrap > .container {
	padding: 0;
}
#top .home-color-section-width .box380.no_margin.av_one_third {
	min-height: 380px;
	height: 380px;
	min-width: 380px;
	width: 380px;
}

    I also corrected this css that didn’t have the “px” for the “min-height” so it was not working:

    /* Color Section width */
#top .home-color-section-width .avia-slideshow {
    max-width: 1140px;
	min-height: 760px;
    margin: auto;
}

    but you will find that your background video doesn’t fit because it’s aspect ratio makes it too short, so I believe you will need to correct this video.

    Best regards,
    Mike

    July 11, 2021 at 10:35 am #1309562
    davs74

    Hi Mike

    That is exactly what I wanted

    Thank you very much

    July 11, 2021 at 4:42 pm #1309587
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Color Section with columns’ is closed to new replies.