Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 24, 2022 at 10:15 pm #1345936
    b2digital1

    Hi guys,

    I´m trying the rebuild our website with enfold by using the same layout like to old website.

    On our old website we are using a blue border with radius on top of 3 1/3 column elements. I didn’t find a solution because i don’t have an element which ist covering the 3 columns.

    In addition i wanted to build a small shadow around the three elements and had no success.

    I will post the links to the new website and the old website in private content.

    All the best,
    Michael

    March 25, 2022 at 5:42 pm #1346046
    Rikard

    Hi Michael,

    Please try this in Quick CSS:

    #top .flex_column_table.av-equal-height-column-flextable.av-l0l5ma2d-9b9f0526376dbf254d6545c40fe1bac8 {
    box-shadow: 5px 5px 5px #ddd;
}

#top .flex_column_table.av-equal-height-column-flextable.av-l0l5ma2d-9b9f0526376dbf254d6545c40fe1bac8 .av_one_third {
    border-top: 20px solid blue;
}

#top .flex_column_table.av-equal-height-column-flextable.av-l0l5ma2d-9b9f0526376dbf254d6545c40fe1bac8 .first {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#top .flex_column_table.av-equal-height-column-flextable.av-l0l5ma2d-9b9f0526376dbf254d6545c40fe1bac8 .avia-builder-el-21 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    Best regards,
    Rikard

    March 25, 2022 at 10:02 pm #1346092
    b2digital1

    Hi Rikard,

    that works, but unfortunately only partially. On the second and third page in the right table the upper right corner is not radiused and the shadow looks strange there.

    Please see in privat content.

    All the best and thanks for your support!!

    Michael

    March 26, 2022 at 7:36 pm #1346138
    Rikard

    Hi,

    That is because those columns have different classes than in the code I sent to you, it might be easier if you assign classes or ID to the different columns, so that it’s easier to target them with CSS.

    If you need to adjust the box shadow, then please refer to this: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

    Best regards,
    Rikard

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