Docs

[KBroyles]

Hello! I want to add a subscription form under my slider before my blog “blocks” like DigitalDarlingsCreative.com has on their site. I’m not sure how to go about doing that. Help please!

[Rahul]

Hi,

Can you please provide us with the link to your website.

Thanks.

[KBroyles]

http://www.kellybroylesphotography.com

I’m wanting to put it between the slider and Go Portfolio blog grid.

[Joao]

Hi There,

Please install Mailchimp Forms Extension and select the location where you want to place the form – Initially it will look stacked but we will be able to make it inline with some custom css. (You can find it at WP-Admin / Addons / Extensions)

After installing Mailchimp and placing it, please try adding this CSS to your Appereance / Custom / CSS

.x-subscribe-form {    
     max-width:none !important;
}

.x-subscribe-form fieldset {
     display: inline-block;
     vertical-align: middle;     
}

.x-subscribe-form input[type="submit"] {
     margin:0;
}

.x-subscribe-form input[type="text"], 
.x-subscribe-form input[type="email"] {
        margin-bottom: 0;
}

If this doesn’t work, please keep the Mailchimp Forms in Place and let us know so we can provide you a tailored CSS solution.

Hope that helps,

Joao

[KBroyles]

I was able to get the sign up form to show up in the middle of the page on one line but I’m not able to get the font before on the same line, to get the font as big as the sign up boxes and to get a gray background behind it. I’m so confused.

[KBroyles]

Disregard. I got it set up on the right side where I like it now BUT I have another question. I want to put a About Me excerpt on the left side. How would I do that? Similar to how this is..

http://demos.restored316designs.com/amplify/

[KBroyles]

Well I *thought* I had it all laid out properly but now I’m realizing I don’t.

The Meet Kelly ont eh home looks awful on mobile, so does the social media icons. And the email collector isn’t linking to MailChimp.

[Rupok]

Hi there,

It seems fine on my end. Would you add some screenshot and clarify more?

Cheers!

[KBroyles]

I got email collector to work. So that’s a plus.

On mobile things just look a little out of whack. Spacing isn’t very pretty, and font is really lose to the edges.

[Joao]

Hi There,

I notice things are quite different since the last time I checked your Mailchimp form and also the text in relation to the screenshot above provided.

The form is not looking aligned like before on the desktop and the text is justified.

Have you made any changes in the form format?

Do you still need help with the text or you are satisfies with the way it looks now?

Let us know your thoughts so we can better assist you.

Thanks,

Joa

[KBroyles]

No, a friend of mine got into it and honestly he was trying to help but I don’t like how it looks at all now. I’m going to revert it back then if you could help me I would GREATLY appreciate it. The space is taking up way too much space now (I want it to be narrow if that makes sense) and it’s just awkward. I really want it to look nice and clean like it does on that other theme I posted above.

[KBroyles]

I think I got it reverted back. The things that stand out to me that I’m struggling to figure out how to fix are…

1. How do I move the Meet Kelly Image/Section over to be the same spacing from the boxing as the Join button?

2. How do I make it all look nice and clean in mobile?

3. Any other suggestions you have to make it all look better in general.

[Lely]

Hi There,

1.) Unfortunately, I am not sure which spacing you’re referring too. Do you want to add space on the left of the image? Like space on the right of the join button column for the columns to be uniform? If yes, please just add padding on the content band. If not, please do give us screenshot of the things you want to achieve.

2.) We can use custom CSS. Please be specific with your description. We may have different definition of nice and clean. You can give us screenshot with notes on whether you want to space on specific area so we can give you more specific suggestion or notes of other things you want to achieve.

3.) Please check our demos here:https://theme.co/x/demos/. That might give you some ideas to make it look better.

Hope this helps.

[KBroyles]

Well I guess my response earlier didn’t work. Go figure. I think what I would like to be able to do is nudge the meet Kelly text over just a smudge so it’s not almost touching the line on mobile. Also shrink the subscription down in width just a bit so it isn’t so large on mobile.

[Darshana]

Hi there,

Thank you for the explanation. Could you please try adding the following CSS media query into your Customizer, Cusotm > CSS area.

@media (max-width: 320px) {
  .home #x-content-band-1 .x-column p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .x-subscribe-form fieldset {
    display: block !important;
    margin: 10px;
  }
}

Hope that helps.

[Author]

Posts