Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #892522

    Hi,

    I am using a cell with a background color, however, I would like to make the edges of the cell/background color appear round (with a radius of 3px). Is it possible to make this with a CSS code?

    Thank you in advance!
    Best,
    Anton

    #892853

    Hey tonydobrevski,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .main_color #submit, .main_color input[type='submit'] {
      border-radius: 3px;
      box-shadow: 0 3px 6px #ddd;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #893717

    Hi Victoria,

    Unfortunately, this CSS did not work. Is there another way to do it?

    Thank you in advance!
    Best,
    Anton

    #894008

    Hi,

    Please try this instead:

    .page-id-29 .avia_ajax_form .button {
        border-radius: 10px;
    }

    Best regards,
    Rikard

    #894443

    Dear Rikard,

    This works fine, however, it just changes the border radius of the button. I would like to change the border radius of the white space between the whole contact form (in this case of the column, in which is the contact form). Is there a way to do that?

    Thank you in advance!
    Best,
    Anton

    #894597

    Hi,

    Ok, try this as well then:

    .page-id-29 .av_three_fifth {
      border-radius:5px !important;
    }

    Best regards,
    Rikard

    #895908

    Dear Rikard,

    This code works perfectly! Thank you very much!

    Best,
    Anton

    #895913

    Hi,

    I’m glad Rikard was able to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Round edges of cell background color’ is closed to new replies.