Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 16, 2020 at 9:48 pm #1185012
    Celinederoeck

    Hi,

    I would like to use the tab section on my webpage, but need a picture to completely fill a column. It seems to only work in the grid row, but I can’t add a grid row in a tab section. Is there anyway I could make this happen? Screenshot attached. I would like to make my tabs look like the section with social media and the text on the screenshot, but I don’t know how.

    Thanks!
    Céline

    February 17, 2020 at 6:24 pm #1185339
    Victoria

    Hey Celinederoeck,

    Well, we can try. Can you show us what you’ve got so far?

    Best regards,
    Victoria

    February 21, 2020 at 12:09 pm #1186687
    Celinederoeck

    Hi Victoria,

    Thank you. I don’t want paddings in the tab section on this page: https://www.celinederoeck.be/wat-ik-doe/
    So the content looks like it is on this page, but in the tab section instead: https://www.celinederoeck.be/social-media/

    Thanks,
    Céline

    • This reply was modified 4 years, 10 months ago by Celinederoeck.
    February 23, 2020 at 6:19 am #1187044
    Rikard

    Hi Céline,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-768 #av-tab-section-1 .container {
    max-width: 100%;
    padding: 0;
}

    Best regards,
    Rikard

    February 24, 2020 at 12:07 pm #1187272
    Celinederoeck

    Worked perfectly, thank you!

    February 25, 2020 at 4:33 am #1187536
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 4, 2021 at 9:26 pm #1314478
    ninjaunmatched

    I also wanted to do this….. or similar. I needed the 1st column to extend down while the next 2 columns are smaller, So to make things look better I added content above the 2 leftmost columns. The grid row just take over when used so I enabled debug mode and created a sample of the grid row that I was looking for. I then used it to find the sections I needed for which area of the page. After that into a text box. Just create the sections yourself using divs floated left and given a width percentage and you can copy and past your areas into those divs.

    
|--------------|-------------------|----------------------|
|              |           content to push                |
|              |                 it down                  |
|       1      |------------------|-----------------------|
|              |          2       |             3         |
|              |                  |                       |
|--------------|------------------|-----------------------|
    August 5, 2021 at 12:31 am #1314497
    Jordan Shannon

    Hey ninjaunmatched,

    Thanks for sharing!

    Best regards,
    Jordan Shannon

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