Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1238189

    Jade
    Moderator

    Hi Kathy,

    Please update this code:

    
    li#field_2_4 {
        float: right !important;
        clear: none !important;
        margin-top: -330px;
    }

    to

    li#field_2_4 {
        float: right !important;
        clear: none !important;
        margin-top: -270px;
    }

    Hope this helps.

    #1262537

    Hi, I changed my theme to ethos three and the gravity forms no longer float correctly. I attached a picture from my site today, this is how I want it to look. Here is staging.
    http://tatyanakozh.staging.wpengine.com/contact/

    When I insert the above code, it overlaps on itself.

    Thanks,
    Kathy

    #1262737

    Jade
    Moderator

    HI there,

    Please use this code:

    .page-id-18 li#field_2_4 {
        float: right !important;
        clear: none !important;
        margin-top: -200px;
        width: 60%;
    }

    Hope this helps.

    #1263681

    It overlaps on smaller screens, can you assist with that? Thanks!

    #1264001

    Rue Nel
    Moderator

    Hello There,

    To avoid the overlap on smaller screens, please have the code updated and use this instead:

    @media(min-width: 768px){
      .page-id-18 li#field_2_4 {
        float: right !important;
        clear: none !important;
        margin-top: -200px;
        width: 60%;
      }
    }

    Hope this helps. Please let us know how it goes.

    #1336421
    This reply has been marked as private.
    #1336473

    Paul R
    Moderator

    Hi,

    Please change the code to this.

    
    @media(min-width: 768px){
      .home li#field_2_4 {
        float: right !important;
        clear: none !important;
        margin-top: -200px;
        width: 60%;
      }
    }

    Hope that helps.