BuddyBoss Home – Web Support Forums Solutions Social Learner Optimize Mailchimp signup form

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Question

    #45619

    Anonymous
    @

    When I paste the “naked” code (taking CSS from theme) for the Mailchimp signup form in my sidebar, the Mailchimp submit button is light grey. How can I make it turquois, as is the default for my Social Learner color scheme?

    Also, I would like to make it more compact, i.e. by putting the label in the input field, and the button next to it. I found some CSS code, but it is not working:

    #mc_embed_signup input.email {
    	display: inline-block;
    }
    
    #mc_embed_signup input.button {
    	display: inline-block;
    }

    Answers

    #45623

    Anonymous
    @

    Actually, the submit button is turquois on one page, and grey on the other, and I don't see the difference. It is the same kind of code that I have put in. See:
    http://nicole-schaller.eu/services-category/services-by-client/
    http://nicole-schaller.eu/blog/

    And I have also tried to remove the line breaks within the text widget to make it more compact. But then the text becomes larger, and in the end result, the widget takes up the same space.

    #45660
    @vapvarun

    Hi @nmschaller, on the service or product pages WooCommerce include their own css with woocommerce.css and on individual blog pages post that css files is not enqueued by plugin ,that's why you are getting different color for button.

    It need a custom css for btn color specific to widget area

    
    widget-area .widget button[type="submit"], .widget-area .widget input[type="submit"] {
        background-color: #4dcadd !important;
    }
    

    Regards
    Varun Dubey

    #45664

    Anonymous
    @

    Thank you very much.

    #45678
    @vapvarun

    🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The question ‘Optimize Mailchimp signup form’ is closed to new replies.