Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #884068
    Gee R
    Participant

    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!

    #884896
    Darshana
    Moderator

    Hi there,

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

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

    Hope that helps.

    #891358
    Gee R
    Participant

    Hi,

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

    #891815
    Christopher
    Moderator

    Hi there,

    Please try this code :

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

    Hope it helps.

    #892997
    Gee R
    Participant

    That doesn’t work either.

    Please advise.

    #893537
    Zeshan
    Member

    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!

    #898047
    Gee R
    Participant

    That worked perfectly. Thanks so much for your help.

    #898458
    Paul R
    Moderator

    You’re welcome! 🙂

    #907120
    adagency2013
    Participant

    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

    #907159
    adagency2013
    Participant

    Just got it fixed. Thanks

    #907635
    Joao
    Moderator

    You are welcome.

  • <script> jQuery(function($){ $("#no-reply-884068 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>