Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1095808
    scottkwilson
    Participant

    Hi – the other day I needed some help making 4 columns the same height. You guys sent over some code that saved the day. Thank you! Today the client wanted to make it 3 instead of 4 columns. When I updated the CSS for 3 columns (as seen below) other areas of the site were effected. On these pages (http://qualitycbs.stormwindcreative.com/services/ and http://qualitycbs.stormwindcreative.com/faqs/) there is waaaay too much space at the bottom of the box that says “Questions” in the heading — the last box in the right column. How can I get this snug so it’s the same space as the top of the box? Thanks!

    @media (min-width: 767px) and (max-width:874px){
    div#x-section-2 .x-column.x-sm.x-1-3 .x-raw-content {
    height: 666px;
    }
    }
    @media (min-width: 874px) and (max-width:1122px){
    div#x-section-2 .x-column.x-sm.x-1-3 .x-raw-content {
    height: 550px ;
    }
    }
    @media (min-width:1122px){
    div#x-section-2 .x-column.x-sm.x-1-3 .x-raw-content {
    height: 525px;
    }
    }

    #1095816
    Rahul
    Moderator

    Hi there,
    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
    – Link to your site
    – WordPress Admin username / password
    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.
    Thanks.

    #1095892
    scottkwilson
    Participant
    This reply has been marked as private.
    #1096103
    Friech
    Moderator

    Hi There,

    Please update your code to this:

    @media (min-width: 767px) and (max-width:874px){
    .home div#x-section-2 .x-column.x-sm.x-1-3 .x-raw-content {
    height: 666px;
    }
    }
    @media (min-width: 874px) and (max-width:1122px){
    .home div#x-section-2 .x-column.x-sm.x-1-3 .x-raw-content {
    height: 550px ;
    }
    }
    @media (min-width:1122px){
    .home div#x-section-2 .x-column.x-sm.x-1-3 .x-raw-content {
    height: 525px;
    }
    }

    This should make the code affect only the home page.

    Hope it helps, Cheers!

    #1096244
    scottkwilson
    Participant

    Awesome! That did it. Thanks!!

    #1096325
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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