Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1001946
    Verbier Kev
    Participant

    Found this in the support.
    Hello There,

    Please also add this CSS:

    .rev_slider_wrapper, .rev_slider, .tp-fullwidth-forcer, .rev_slider .tp-bgimg.defaultimg {
    max-height: 300px !important;

    }
    Which gives me my skinny slide, but I want the page to move up as well instead of leaving a big white gap where the slide was

    http://verbier.cms2cms.com/

    I also want to reduce the gap between blogs on the home page, where, how do I move them closer

    Thanks

    #1001949
    Verbier Kev
    Participant

    Image attached (PS It would be good for the site to tell you the image is too big b4 saving the ticket and dumping the image………………..

    While im here?

    How do I reduce the space between the blogs (height) on the home page (Padding)
    And why isn’t my site using the full length (Yellow text on attached)

    #1001991
    Rahul
    Moderator

    Hey there,

    Please add the following CSS :

    blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry {
        padding-top: 10px;
        margin-bottom: -20px;
    }
    
    .blog .x-main .hentry:first-of-type, .search .x-main .hentry:first-of-type, .archive .x-main .hentry:first-of-type {
        margin-top: -10px;
    }
    
    .x-main.left {
        padding-right: 0px;
    }

    Thanks

    #1002112
    Verbier Kev
    Participant

    Thanks

    I may have confused my request here by asking for 2 bits of help.

    (1) Request one is to basically move the whole page up to the new skinny rev slider.
    (2) Request two is to reduce the top and bottom padding on the blogs on the home page

    Managed to get the top distance how I want it on “only the top” blog??, but can’t get the bottom padding to reduce or to show the same distance on all of them?

    .hmm_gry_box .addthis_toolbox {
    display: none;
    }
    blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry {
    padding-top: -10px;
    margin-bottom: -40px;
    }

    .blog .x-main .hentry:first-of-type, .search .x-main .hentry:first-of-type, .archive .x-main .hentry:first-of-type {
    margin-top: -40px;
    }

    .x-main.left {
    padding-right: -80px;
    }

    http://verbier.cms2cms.com/

    #1002612
    Christopher
    Moderator

    Hi there,

    Please update your code to:

    .fullwidthabanner, div#rev_slider_1_1_wrapper, .forcefullwidth_wrapper_tp_banner {
        height: 260px !important;
    }

    Add this code too :

    .blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry {
        margin-top:5px;
    }

    Hope it helps.

    #1002672
    Verbier Kev
    Participant

    Re Blogs, thanks the code has only changed the base padding and the top of the first blog (ie the other 7 blogs still have big pading?

    #1002681
    Verbier Kev
    Participant

    As for the slider I still have white padding on the top and the bottom?
    .fullwidthabanner, div#rev_slider_1_1_wrapper, .forcefullwidth_wrapper_tp_banner {
    height: 260px !important;
    }
    http://verbier.cms2cms.com/

    #1002737
    Christopher
    Moderator

    Hi there,

    Please update previous code to :

    .blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry {
        margin-top: 5px;
        padding-top: 5px;
    }

    Remove this code :

    .blog .x-main .hentry:first-of-type, .search .x-main .hentry:first-of-type, .archive .x-main .hentry:first-of-type {
        margin-top: -40px;
    }

    Add this as well :

    .sliderr {
        margin-top: 0;
    }
    .offset.cf {
        margin-top: 0;
    }

    Hope it helps.

    #1002739
    Verbier Kev
    Participant

    Blog code works a treat thanks…

    Slider no change

    .fullwidthabanner, div#rev_slider_1_1_wrapper, .forcefullwidth_wrapper_tp_banner {
    height: 260px !important;
    }
    .sliderr {
    margin-top: 0;
    }
    .offset.cf {
    margin-top: 0;
    }

    #1002827
    Christopher
    Moderator

    Hi there,

    Update your code to :

    .sliderr {
        margin-top: 0 !important;
    }
    .offset.cf {
        margin-top: 0 !important;
    }

    Hope it helps.

    #1003047
    Verbier Kev
    Participant

    That’s the one thanks but need the blog to use the space to the right as well otherwise there is a gap between the blog and the sidebar (The big red header looks odd not going all the way across (And where do I change the text in the red header to say news rather than blogs).

    #1003393
    Rad
    Moderator

    Hi there,

    Please add this CSS as well,

    @media (min-width: 980px){
    .x-main.left {
        width: 78% !important;
    }
    .x-main.left {
        padding-right: 0px !important;
    }
    }

    Hope this helps.

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