Rounding button borders

Shapely
1

Hi,

Thanks for great theme. I really like it.
I was wondering whether it is possible to round the submit buttons’ corners within the theme.

null

Here is the code I am using so far:

#page input[type="submit"] {
    background: #257c9e;
    border: none;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    transition-duration: 0.6s;
 
}

#page input[type="submit"]:hover {
  background: #52cbdd;
  border: none;
}

I have tried replacing “border: none” with “border: 2px solid #257c9e; border-radius: 10px;”, but nothing changed.

Is there anything you could suggest? I would be more than happy to hear your opinion.

Regards,

Magdalena

2

Hi @Magdalena,

Thank you for your another question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#page input[type="submit"] {
    border-radius: 10px !important;
}

Best Regards,
Movin

3

Works perfectyl! Thank you so much.

4

You are most welcome here :slight_smile: