Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1179525
    brighthings
    Participant
    This reply has been marked as private.
    #1179850
    Rad
    Moderator

    Hi there,

    It’s the CSS given at #1175021, which is

    .x-colophon.top>div .x-column.x-1-4 { /*This will make the first 3 columns even out*/
        width: 32%;
    }

    You may reduce it the 32% value.

    Cheers!

    #1180870
    brighthings
    Participant
    This reply has been marked as private.
    #1180877
    Christopher
    Moderator

    Hi there,

    Are you referring to subscribe form?

    Please find this code:

    .x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
        width: 100%;
        margin-bottom: 1.25em;
        font-size: inherit;
    }
    .x-colophon.top .textwidget #x-subscribe-form-760 fieldset:last-child {
        width: 40%;
        float: right;
    }
    
    .x-colophon.top .textwidget #x-subscribe-form-760 fieldset:last-child {
        width: 40%;
    }
    .x-colophon.top .textwidget #x-subscribe-form-760 fieldset+fieldset {
        width: 60%;
        float: left;
    }
    

    And update it to :

    @media (min-width:767px){
    .x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
        width: 100%;
        margin-bottom: 1.25em;
        font-size: inherit;
    }
    .x-colophon.top .textwidget #x-subscribe-form-760 fieldset:last-child {
        width: 40%;
        float: right;
    }
    }

    Please put all CSS related to subscribe form within media query rule.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Hope it helps.

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