Adjusting the slider on the homepage - by plandoin

This topic has 20 replies, 3 voices, and was last updated 10 years, 4 months ago ago by Eva Kemp

  • Avatar: plandoin
    plandoin
    Participant
    June 29, 2014 at 12:08

    Hi,

    My message is all in the private content part.

    Please, contact administrator
    for this information.
    19 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 30, 2014 at 07:25

    Hello,

    To make slider full width you should go to Revolution Slider -> Settings -> Force Full Width -> On.
    Add the following code into the custom.css to remove white space between menu and slider:

    .page-content {
    padding-top: 0;
    }

    Regards,
    Jack Richardson

    Avatar: plandoin
    plandoin
    Participant
    June 30, 2014 at 09:04

    Great. Thank you very much.
    I would like to say that I have discussed with many different support service, and yours is far above. Congrats!

    Avatar: Eva
    Eva Kemp
    Support staff
    June 30, 2014 at 09:22

    Hello,

    You are welcome and thank you for the feedback.
    We really appreciate it!

    Have a good day!
    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 2, 2014 at 16:39

    Hi again,

    How can I force the full height as well (for the revolution slider)?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 2, 2014 at 16:58

    Hello,

    As I see there are products displayed under Revolution slider. Could you please clarify what you mean by “full height” for the revolution slider?
    Thank you.

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 2, 2014 at 17:34

    Sure. As you can see on https://www.8theme.com/demo/theleader/, the slider is fullscreen, in width and height.
    It means that the slider’s height is adjusted in height to the user’s screen.

    I want my products to appear on the user’s screen only after he/she scrolls a little bit.

    Avatar: Eva
    Eva Kemp
    Support staff
    July 2, 2014 at 17:56

    You can change the slider height in admin panel > Revolution Slider > click “Settings” button for the slider you wan to edit and change Grid Settings:

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 3, 2014 at 18:10

    I am afraid it is not the solution…

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 3, 2014 at 18:21

    Hello,

    Please provide us with wp-admin panel credentials to investigate the issue.

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 4, 2014 at 08:57

    OK. Credentials are in the private content box.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 4, 2014 at 09:16

    Hello,

    I’ve changed the settings in Revolution Slider for “fullscreen” slider. You can check it in the settings.
    To make the changes take effect you need update the page:

    Please check your test page now.

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 4, 2014 at 09:34

    Thanks. But…

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 4, 2014 at 10:26

    Please check it now. The changes aren’t visible on the site because of the cache, so check it via proxy: http://anonymouse.org/cgi-bin/anon-www.cgi/http://akbida.com/test-slider/
    Try to remove cache folders via FTP and disable cache plugins.

    If you want to have the identical slider as on our demo site, then you can import it as described in our documentation (https://www.8theme.com/demo/docs/leader/#!/slideshow) and just replace slides with your images.

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 4, 2014 at 10:36

    Thank you very much. Can you tell me how you have removed the padding between menu and slider?
    It was just the cache which did not update?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 4, 2014 at 10:40

    The changes have been made in custom.css file. Please check it there.

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 4, 2014 at 20:01

    Now I am very happy with my slider on the home page.
    But the modifications you did in custom.css created a new problem: (see private content box)

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 4, 2014 at 20:31

    I’ve removed “margin-top” element and as I see the slider on homepage is full width and full height.
    Are you still experiencing any issues?

    Regards,
    Eva Kemp.

    Avatar: plandoin
    plandoin
    Participant
    July 5, 2014 at 09:52

    Hi,

    I have checked my homepage and products pages after you removed “margin-top” element. The products pages are back to normal, no problem. But the homepage is not great: the padding between the slider and the menu is a little bit too large.

    See precisions below.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 5, 2014 at 14:39

    Hello,

    Try to add this code into custom.css:

    .rev_slider_wrapper {
    margin-top: -20px !important;
    }

    Please note your site is cached, so you may not see the changes.

    Regards,
    Eva Kemp.

  • Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Adjusting the slider on the homepage’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.