Easy Social Share Subscribe form Customizing

  • Posted in : TheBlogger
  • venus89
    Participant

    Hi, After I added the Social share button widget to the footer Subscribe in widgets I have obtained a subscribe form. I have picked design 2 and tried to customize it on the the easy social share plugin under “easy optin ” and then going to design2 . The only options I was offered were changing some of the colors.
    I am trying to make it look like it looks in the footer here : http://themes.pixelwars.org/theblogger/milo/
    where it is all one color and homogenous and the button is besides the email area. Please help ! Thanks.

    serkan
    Moderator

    Hi, You should drag and drop MailChimp Sign-Up Form to the Footer Subscribe area.
    You should activate the MailChimp form and then go to Mailchimp for WP > Forms and paste this code to the form area.

    <p>
                                        <label>Subscribe your e-mail address and get to know about fresh stuff!</label>
                                    </p>
    <p>
    	<input type="email" name="EMAIL" placeholder="Your email address" required />
    </p>
    
    <p>
    	<input type="submit" value="Sign up" />
    </p>

    Thanks

    Emayenvyi
    Participant

    How do I get rid of the blue and red dash lines around the subscribe box in the sidebar? How can I make it a solid line and change the colour?

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .widget_mc4wp_form_widget { background-image: repeating-linear-gradient(180deg, #ff6969, #ff6969 0px, #FFF 0px, #FFF 0px, #85adff 0px, #85adff 0px, #FFF 0px, #FFF 0px); }

    Thanks

    Emayenvyi
    Participant

    Hi Serkan,

    Thanks for the info, but I am brand new to website building so I don’t know how to code or what to do with the one you provided. I went to Mailchimp for WP > Forms and added that to the custom CSS box, but the code just ended up appearing within the subscribe box on my website. Perhaps I entered it on the wrong line?

    Could you please provide additional direction?

    I currently have this code in the custom CSS box on that page:

    <p>
    <label>Get on the list, girl! </label>
    </p>
    <p>
    <label>Plus get exclusive access to our private Facebook Group!</label>
    </p>
    <p>
    <input type=”email” name=”EMAIL” placeholder=”Your email address” required />
    </p>

    <p>
    <input type=”submit” value=”Sign up” />
    </p>

    serkan
    Moderator

    Hi,
    You can check out this related topic for how to use the css code.
    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
    Thanks

    Emayenvyi
    Participant

    Thanks, that worked!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register