[Gee RParticipant]

Hi all,

Latest-and-greatest version of X and Cornerstone. Site is abambo.co.uk

Trying to align the footer email form fields to the left. I’ve tried:

.x-subscribe-form {
    margin-left: 0 !important;
}

and pretty much every permutation thereof (e.g. prefixing with footer, colorphon.top, etc.) but I can’t seem to call the right class. Help please!

[DarshanaModerator]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-subscribe-form {
    float: left;
}

Hope that helps.

[Gee RParticipant]

Hi,

No, it’s still there. Visit abambo.co.uk/blog/ and see the third widget in the sidebar.

[ChristopherModerator]

Hi there,

Please try this code :

form#x-subscribe-form-869 {
    float: left;
}

Hope it helps.

[Gee RParticipant]

That doesn’t work either.

Please advise.

[ZeshanMember]

Hi Gee,

Thanks for writing back!

I’ve checked your site but couldn’t find the provided CSS code in it. I assume you had removed it when it didn’t work. However, I have checked your custom CSS and it is missing a closing curly bracket for the media query. Due to that, the provided CSS code is only being applied to the smaller screens.

To resolve this issue, please find and replace following CSS code under Custom > CSS in the Customizer:

/* Change topbar height */
.x-topbar{
  height: 20px; }
@media (max-width: 635px){
.x-topbar{
  height: 9.5rem; }
/* Subscribe form align left */
  .x-subscribe-form {
    float: left;
}
.x-sidebar .widget {
    float: left;
}

With this:

@media (max-width: 635px) {
  .x-topbar {
    height: 9.5rem;
  }
  /* Subscribe form align left */
  .x-subscribe-form {
    float: left;
  }
  .x-sidebar .widget {
    float: left;
  }
}

And then insert the above provided CSS code.

Thank you!

[Gee RParticipant]

That worked perfectly. Thanks so much for your help.

[Paul RModerator]

You’re welcome! 🙂

[adagency2013Participant]

My Email form input won’t expand to 100% width in the mobile phone version. It does so in desktop.
http://e64.39f.myftpupload.com/
http://quirktools.com/screenfly/#u=http%3A//e64.39f.myftpupload.com/&w=320&h=533&a=34&s=1

[adagency2013Participant]

Just got it fixed. Thanks

[JoaoModerator]

You are welcome.

[Author]

Posts