Topic Resolution: Resolved
  • Closed
  • aj
    Spectator
    June 25, 2015 at 6:32 am #18507

    When I use the theme4press slider with the parallax setting enabled, the slider begins at the very top of the page and is hidden by the header and the menu. Is there a way I can add some padding to the top of the slider and start the slider below the header?

    Imran
    Spectator
    Posts: 402
    June 25, 2015 at 9:41 am #18509

    Hi there,

    Thanks for writing in,

    That is happening because you are using transparent header, if you wish to achieve such you can add following code under Appearance > Theme Options > Custom CSS:

    .t4p-slider.flexslider.main-flex {
    padding-top: 95px;
    }

    #header {
    opacity: 1 !important;
    }

    Hope this helps!

    Thanks.

    aj
    Spectator
    Posts: 14
    June 25, 2015 at 2:41 pm #18515

    Thanks for the prompt response. You guys are super helpful.

    In this case, the top padding does not seem to solve the issue. I am sending you the URL as a private message.

    aj
    Spectator
    Posts: 14
    June 25, 2015 at 2:41 pm #18516
    This reply has been marked as private.
    Roman
    Spectator
    Posts: 3147
    June 26, 2015 at 5:15 am #18528

    the problem is the slider is not working on the page at all, can you please try to test it on another subpage so we can confirm it’s not a conflict with a plugin/script? or you can provide us your wp admin login in Private reply and we can investigate it

    aj
    Spectator
    Posts: 14
    June 26, 2015 at 7:10 pm #18536
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    June 27, 2015 at 12:31 pm #18543

    Hi,

    I did not do anything to the slider. Seems like you fixed it.
    https://www.screenr.com/5aPN

    Please use the following in your Theme Options -> Custom CSS
    .header-v4 > header {
    padding: 10px 0 !important;
    }

    It will reduce the padding (spacing) in your header.
    http://prntscr.com/7lxrna

    Thanks!
    Denzel

    aj
    Spectator
    Posts: 14
    June 27, 2015 at 4:58 pm #18550

    Denzel,
    Thanks for the header code.

    Regarding the slider – I think there are two issues, but let me tackle the first one here.

    The problem is that as you can see, the header hides the slider – if I can just have the slider start below the header, that would be great. Ideally I’d like the slider to start right below the header – so if I can add some padding to the top of the slider and move it down, that would be perfect. Right now, since the slider is on the top of the page, it cuts off the image at the top as well. How do I rectify this?

    Roman
    Spectator
    Posts: 3147
    June 28, 2015 at 5:11 am #18555

    well, when the parallax effect is enabled it will be problem, but you can achieve it partly with this Custom CSS:

    .t4p-slider-container.full-width-slider-container {
    margin-top:0!important;
    }