Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 16, 2024 at 3:09 pm #1430710
    Stevenhensen89

    Our current website consists of all straight columns. I have been able to make the buttons round, but how can I make the columns rounder? At the moment, everything is so rectangular, and it does not look pleasant.

    January 16, 2024 at 4:32 pm #1430727
    Rikard

    Hey Stevenhensen89,

    Which columns in particular are you looking to add round corners to? If you have a screenshot highlighting your intentions, then please share it with us.

    Best regards,
    Rikard

    January 16, 2024 at 4:53 pm #1430731
    Stevenhensen89

    Screenshot

    Thanks for your help!

    January 17, 2024 at 10:42 am #1430799
    Ismael

    Hi,

    Thank you for the screenshot.

    You can add this css code to apply rounded corners to the columns described in the screenshot.

    .av-jn0d28qj-15603c59030066aa0cbd6af9e5a0610c .flex_column {
    border-radius: 30px;
}

    Best regards,
    Ismael

    January 18, 2024 at 9:05 am #1431334
    Stevenhensen89

    Thanks Ismael, but it doesn’t work or I add the code on the wrong place. I’m a Enfold beginner ;-)!
    https://greywise.nl/wp-content/uploads/2024/01/Enfold.png

    Is this the correct place to add the CSS?

    I suppose adding the CSS here (https://greywise.nl/wp-content/uploads/2024/01/Enfold.png) that I should add a code here, but there is already 1 there. https://greywise.nl/wp-content/uploads/2024/01/edit-column.png
    How do I add an additional code, or where can I modify the current code so that I have a white background, but also rounded corners?

    https://greywise.nl/wp-content/uploads/2024/01/Enfold.png

    January 18, 2024 at 4:17 pm #1431395
    Rikard

    Hi,

    It’s ok to add CSS to the WordPress customiser. It looks like the starting . is missing in this code in your screenshot:

    .av-jn0d28qj-15603c59030066aa0cbd6af9e5a0610c .flex_column {
    border-radius: 30px;
}

    Could you try copying the code Ismael sent again please?

    Best regards,
    Rikard

    January 18, 2024 at 4:32 pm #1431401
    Stevenhensen89

    Hi Rikard,

    It works, but……what do I need to change in the code to get all the columns in the website with border-radius 30px?
    At this moment only the 2 columns on the homepage are round!

    Thanks,

    Steven

    January 19, 2024 at 9:08 am #1431455
    Rikard

    Hi,

    Thanks for the update. Are you sure that you want the code to apply to all columns? If so, then you can try this CSS instead:

    .flex_column {
    border-radius: 30px;
}

    If you want it to apply only to specific columns, then you can add a class to the columns in question in the element options, then use CSS like this:

    .your-custom-class {
    border-radius: 30px;
}

    Best regards,
    Rikard

    January 20, 2024 at 5:17 pm #1431580
    Stevenhensen89

    Thanks Rikard, but the provided codes do not work. Can I give you access to our WordPress environment so that you can try it yourself, or is that not how you work?

    Steven

    January 22, 2024 at 4:57 am #1431652
    Nikko

    Hi Steven,

    Yes, please create a temporary admin access.
    Just make sure to post the credentials in Private Content.

    Best regards,
    Nikko

    January 22, 2024 at 12:12 pm #1431668
    Stevenhensen89
    This reply has been marked as private.
    January 22, 2024 at 3:09 pm #1431680
    Rikard

    Hi,

    Thanks for that. Please take a look at the first column on your front page as an example.

    Best regards,
    Rikard

    January 22, 2024 at 3:13 pm #1431682
    Stevenhensen89

    Thanks. Are you working on the English page?

    https://greywise.nl/en/ and do you mean the column: Consultancy & Temporary support?
    Looks great and that is what I’m looking for.

    On the dutch page https://greywise.nl/ I changed the black column (round) but here you see the old square colums.

    January 23, 2024 at 8:58 am #1431758
    Rikard

    Hi,

    Thanks for the update. Are you referring to the columns at the very bottom of the page? If so, then did you try adding the class I added as an example to them in the element options? You can add classes under Advanced->Developer options.

    Best regards,
    Rikard

    January 23, 2024 at 9:04 am #1431759
    Stevenhensen89

    Hi Rikard,

    I don’t get it, but I found an option how I can change the corners per column, so I will use that option.
    Thanks.

    Steven

    January 23, 2024 at 9:38 am #1431766
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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