Widget style border-radius

Viewing 3 replies - 1 through 3 (of 3 total)
  • mc_kath

    (@mc_kath)

    9 years, 5 months ago

    Hi there Kargo,

    Thanks for posting! In order to edit the shape of the box, you’ll want to add the border attribute into the #mc_signup_form CSS. With my testing, I was able to get the border rounded for my test widgets by going into the mailchimp_widget.php file of the plugin, locating the <style> tags directly preceding the form code itself and adding the following:

    #mc_signup_form {
    padding:5px;
    border-width: 0px;
    border-style: solid;
    border-radius: 15px;
    border-color: #000000;
    color: #FFFFFF;
    background-color: #aaaaaa; }

    That gave me a form with a gray background and 15px radius rounded corners. You can use that code and tweak the colors and border settings as needed. 🙂

    Let us know if there’s anything else we can assist with! Have a great day.

    -Kath

    Thread Starter Kargo123

    (@kargo123)

    9 years, 5 months ago

    Hey Kath,

    thanks a lot for your quick reply. But unfortunately I can’t find mailchimp_widget.php – where should it be located? It’s not in the plugin folder 🙁

    Kai

    Thread Starter Kargo123

    (@kargo123)

    9 years, 5 months ago

    I take it all back, found the file!

    Didn’t know that there are actually two plugins:

    • Mailchimp
    • Mailchimp for WordPress Lite.

    The right file can be found in the first one, just add Kath’s code right below the <style>-tag and edit as needed.

    Again: thank you very much Kath!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Widget style border-radius’ is closed to new replies.