border-radius for Advanced Columns block

Home Forums All Other Themes border-radius for Advanced Columns block

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #214129
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 19
    • Total: 23
    Member since: February 8, 2024

    HI,
    how can I set the “border-radius” property on a column in your Advanced Columns block?

    I tried adding this css, but it only works with standard column blocks:
    .gb-rounded-column {
    border-radius: 10px !important;
    }

    You can see my testing page here: https://demositeweb.free.nf/test1/
    The blue column has rounded corners and uses the standard block.

    I’ll send you an email with the reference to this topic, with your login credentials.

    Thank you

    #214166
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30618
    • Total: 30618
    Member since: August 16, 2013

    Hi,

    Kindly this CSS code to change advanced columns blocks.

    .skt-blocks-advanced-column-child .skt-blocks-block-column {
      border-radius: 10px !important;
    }

    Regards,
    Dave

    #214182
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 19
    • Total: 23
    Member since: February 8, 2024

    Hi,
    what you wrote works for all Advanced Columns. I only need it for a spec.
    I need a class like this:
    .gb-rounded-column {
    border-radius: 10px !important;
    }

    So that I can apply it only to the columns I want and not to all of them.

    Thanks for support

    #214281
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 19
    • Total: 23
    Member since: February 8, 2024

    Hi,
    I solved.
    Thanks

    #214288
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30618
    • Total: 30618
    Member since: August 16, 2013

    Great!!

    Regards,
    Dave

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