Full screen slider

Mauer Themes Support Stills Full screen slider

This topic contains 4 replies, has 3 voices, and was last updated by  Stephan 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2874

    dylanmcburney
    Participant

    Hi Paul

    Is it possible to have a full screen slider for the homepage – I have Revolution Slider content in my site but I can’t deploy it without losing the menu along the top

    Oh, and for the images in the gallery view (you know once you click on them) is there a way to change the background colour from black to a dark grey?

    Thanks!

    Dylan

    #2901

    Paul
    Keymaster

    Hello Dylan,

    As for changing the color of lightbox background to dark grey, this can be done with the following CSS:

    .pswp__bg {
    	background-color: #444!important;
    }
    
    .pswp__ui--fit .pswp__top-bar,
    .pswp__ui--fit .pswp__caption,
    .pswp button:hover,
    .pswp .button:hover,
    .pswp__button--arrow--left,
    .pswp__button--arrow--right {
    	background-color: transparent!important;
    }

    Feel free to change the #444 to a color of your liking.

    You can add this code by going to ‘Appearance’ -> ‘Customize’ -> ‘Additional CSS’ in your Admin Panel. There you can just paste the above code and hit ‘Publish’.

    And as for the Revolution Slider, the theme was not really designed to support it. Can I have a look at your website and see if I have a quick solution?

    Regards,
    Paul

    #2906

    dylanmcburney
    Participant

    Hi Paul

    thanks so much for the CSS code for the lightbox background – fantastic!

    yes, you can see full screen slider test page here:

    Slider Test Page

    and a page where I’m using a ‘Slider Revolution Blank Template’ (that might be left over from my previous theme) here:

    slider test

    Ideally I’d like the slider to fill the top part (you know – to sit underneath the logo and the menu)

    Let em know if it’s possible to do this.

    Cheers

    Dylan

    #2992

    Paul
    Keymaster

    Hello Dylan,

    I’ve taken a look. And there does not seem to be an easy way to do that.

    Please mind that the description of this item does not mention support for Revolution slider. Support does not actually include customizations (according to ThemeForest rules). Nevertheless, I provide easy mods here — the ones that I can pull off the top of my head, like the code I’ve provided above. But the mod that you have mentioned here is not of that sort and would require a relatively substantial amount of work. You can contract an expert for this work at a place like codeable.io. However, if you ask me, I would act within the original design of the theme, as customizations often turn to be pretty costly and can take a lot of time to implement (communication, etc.)

    Regards,
    Paul

    #3142

    Stephan
    Participant

    Paul,

    Thanks for posting this on here I was looking for a solution like this to change the background to white, however the icons and nav buttons are lost because they are also white. Is there a short code that will let me change the color of those icons and navigation elements? Many thanks in advance.

    .pswp__bg {
    	background-color: #444!important;
    }
    
    .pswp__ui--fit .pswp__top-bar,
    .pswp__ui--fit .pswp__caption,
    .pswp button:hover,
    .pswp .button:hover,
    .pswp__button--arrow--left,
    .pswp__button--arrow--right {
    	background-color: transparent!important;
    }
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.