Images & sliders from demo content

Support
#1

Hello,

I’ve imported demo content (this one) for this website. I however do not have the images and the slider. Is there a way to get it as well so that I have exactly the same website?

Thanks,
Antoine

#2

Hi @Lecoqdigital,

Thanks for writing in!

I can see you are trying to import a standard demo. Unfortunately, the standard demo doesn’t include image and slider.
The Standard demo content importer is based on our original demos and allows users to set up their site similar to the specified source.

This importer will set up the structural layout from the homepage of the demo selected with placeholder content, and will also update your theme Options as mentioned above.

You can try our expanded demos which has slider and images included.
Please check this for more info.

Thanks

#3

Ok, thank you for the explanation. So there is absolutely no way to import the slider? It means I need to recreate it from zero in order to get the same looking result ? If this is the case, that’s a pity as it would same me a lot of time if I could simply import it.

Thanks,
Antoine

#4

HI Antoine,

As for Standard demos, there are no sliders available for import but if you import and expanded demo, the sliders come with it which you may freely import and use.

Thank you.

#5

I understand. Thank you.

I found many sliders available on the Slider Revolution Website, which is going to be fine.

Thanks,
Antoine

#6

Thanks for understanding!

#7

I managed to implement an imported slider. I however still have some layout out problem. Your help would be appreciated.

  1. There is a spacing in the section at the top and the bollow (around the slider) and I did not manage to remove it. How can I remove it?
  2. I’ve changed the header to be transparent. I’d like one part of the slider to go hover the header though, so that the user can interact with it. I tried to change the z-index for those element of the sliders but did not manage to make it work. Could you please help me to do it?
  3. How can I have the menu-items alignedcenter (not links)?

Here is the code I added:
.x-navbar {
background-color: transparent !important;
position:absolute;
width: 100%;
}

See here the part that I’d like to go hover the header and the spacing at the top of the slider:

Thanks,
Antoine

URL: https://neowebsite.io/

#8

Hi Antoine,

  1. I see that you added the Slider via a Text element, please add your Revolution Slider using the Classic Revolution Slider element instead.

  2. That is kind of impossible since the slider itself is behind the navbar, and that does not look good because regardless which menu gets the upper layer, they will overlap with each other.

  3. I’ve imported that same demo slider on my dev site but I did not get that button menu, would you mind providing us login credentials in a secure note so we can take a closer look.

Thanks,

#9

Thank you for the info. I then decided to include the header in the slider which is going to be easier.

I started to work on it and added one menu item to test. I added some padding (both in idel and hover mode) but the padding doesn’t seem to be taken into consideration before the first mouse hover. It thus looks strange as the menu move by the first mouse hover. Any idea how to fix this?

See here for a better understanding: https://prnt.sc/lhpz8d
URL: https://neowebsite.io/

Thanks,
Antoine

#10

Hi There,

Please inspect your button layer > turn on advanced style > under Spaces tab > make sure all the padding values are correct:

If it still doesn’t work, please add this custom CSS under your slider:

.WebProduct-Menuitem {
     padding: 10px 20px !important;
}

Hope it helps :slight_smile:

#11

Thank you! I did not notice the space tab to do this :slight_smile:

#12

You’re welcome. Glad we’re able to help.

#13

It might sound like a stupid question, but I spent so much time already trying to figure it out with no success…

  1. How can I add element to a slide (image, text, etc…)? I managed to copy and modify existing elements but not to insert new one.
  2. How can I change the color of the burger icon?

Thanks,
Antoine

#14

Hi There,

There is a Add Layer button when you edit a slider, you can choose image, text, video,…:

For more information, please take a look at this:

https://www.themepunch.com/revslider-doc/slide-layers/

Under the style tab, you can change the color of burger button:

Regards!

#15

Thank you. I see now how to add new elements.

The color change doesn’t work though. I tried this already but it doesn’t seem to be the way to change it. I managed to change the color of the border, but not the color of the icon itself. See here for example an example with a black icon, and the field you mentioned is set to the color white…

#16

In this case, please give us the Slider Name and access to your WordPress Admin in a Secure Note so we could check your actual setup.

Thanks.

#17

Slidername: Homepage

#18

Hi There,

I couldn’t find the slider in your screenshot. Could you please provide us with the link of that slider?

Something like this: https://neowebsite.io/wp-admin/admin.php?page=revslider&view=slide&id=17

Meanwhile, please try changing the border color of layer under Bord tab:

Hope it helps :slight_smile:

#19

Changing the border color is not a problem as I already managed to do it :slight_smile:
The slide is the static one: https://neowebsite.io/wp-admin/admin.php?page=revslider&view=slide&id=static_5

Ideally, I’d like to change the color of the burger icon and have a different color with the hover effect.

Thanks for your help.

#20

Hello @Lecoqdigital,

Thanks for updating the thread.

Please add following CSS under Pro > Theme Options > CSS:

.rev-burger.revb-white span {
    background: #000 !important;
}


.rev-burger.revb-white {
    border-color: #000 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.