Revolution Slider Design different after Updates

Support
#1

Dear Themeco Support Team,

recently I wrote in due to some differences with our start page header using Revolution Slider after updating X-Theme and Revolution Slider Updates https://theme.co/apex/forum/t/revolution-slider-error-on-start-page/67145.

So I set up a staging environment (via WP-Staging Plugin, since our Hosting Provider does not offer C-Panel WP Staging) and ran through all the updates as adviced.

Still, Revolution Slider renders our header graphics differently.

This is the header after updating

https://www.morga.ch/staging/

Please note the differences in the text alignment/paragraph as well as in the button design.

This is the header on our live site (what it should look like)


Would you mind taking a look at this? Thank you.

Kind Regards,
lypa

#2

Hi Lypa,

Thank you for writing in, I have checked your slider and see that you’re using the [callout] shortcode, and the Revolution Slider is creating a complex markup of it, which is hard for us to align.

As you can see on that screenshot each letter is wrapped on its own div.

If you don’t mind, please recreate that callout action using an actual text and button layer.


Then use the size & pos option of the layer to properly align and position it the slide.

This way, we fix your slider is a native way.

https://www.themepunch.com/support-center/

Cheers!

#3

Hi Friech

Thank you for helping. I re-created the slider on our staging as advised, you can have a look here, if you don’t mind:
https://www.morga.ch/staging/

It looks quite like ok for now if you compare it to the one on our live site: https://www.morga.ch/

Rebuilding the slider rose a few new questions:

1.) What about the translations? Do we have to recreate them as well? I worked on “#1 Slide” now for the staging issues and this shows in German language. The “German” slider did not show any content in the frontend. But I can not switch the language to “French” right now in the frontend in order to check the translation (the site will fall back to our live site). Here is a screenshot of what i did in the slider editor:

2.) What about responsiveness? In our current slider we did some adjustments to the button size for mobile etc. a long time ago. Do we need to re-create that as well? This is a lot of work! If yes, how can this be done with the new Revolution Slider Editor?

3.) Will this recreated slider version be safe and easier to manage after future updates? This is time the clients do not budget nor pay for when updating.

Best Regards,
lypa

#4

Hi Lypa,

  1. With regards to Translations, please follow the following link: Creating multilingual sliders with Slider Revolution and WPML

  2. Sliders and layers are responsive by default, but if you don’t like how it responds to screen sizes, you can do the responsive manually.

Slider Revolution 6.0 Responsive Settings

  1. Yes, this is actually one reason why we suggest to re-create your layers natively.

Cheers!

#5

Hi Friech

Thank you for helping. Ok, then I try to rebuild the slider completely. Hope it will help for future updates.

Kind Regards,
lypa

#6

Hello Friech,

I translated the slides, following along the guidelines provided in your link. Now I have two more questions concerning the translations:

  1. Where can I edit the name of the slide? So that can put the language name into the slide name? Right now the translated slides are just named “#1 Slide”, “#2 Slide”, “#3 Slide”. I would like to change it to “#1 Deutsch”, “#2 Francais”, “#3 English” and use the language names as recommended in the WPML link.

  2. If i switch the language on my staging site, the site falls back to the German version of our live site? Is this an error or due to the staging plugin? And will it work correctly on the libe site? I am a bit worried. Would you mind taking a look at it? Thank you.

Kind Regards,
lypa

#7

Hi Lypa,

  1. Click the cog icon correspond to the Slide.


Then this rename slide option will show up.


  1. That’s an issue with your staging setup, see the actual notice from WPML > Language URL format

Follow this article for more details.

Cheers!

#8

Hello Friech

Thank you for your response.

  1. This worked and I could rename the layers. Thank you.

  2. Does this mean, it is because of the staging structure that the site can not find the directories correctly? And it might work on the live site, once we update that?

  3. Responsive Design: Thanks for the tutorial link. It covers a lot of topics :smiley: – I find it a little hard to find the right settings for us in the backend. But I tried and turned on the mobile view like this:

    But the background image was kind of showing just partly, like this:

    But we want to keep the background image, so I set it to “contain”:

    Looks better now:

    And since the text and buttons look quite small like this, we just want make the button bigger and hide the paragraph text for smaller screens (tablet and mobile). And here I am stuck. Where do I find these settings? We did somethings similar on our live site: https://www.morga.ch/ and would like to re-create this. Would you mind helping us with the button and the text layer settings? Thank you.

Kind Regards,
lypa

#9

Hi Lypa,

On your Layer option, click the Responsivity

There you’ll see the Responsive Behavior and Visibility options if you want to hide something on specific view size.

Thanks,

#10

Hi Friech

Thank you for your response. This helped and I changed visibility and sizes for the German mobile version: https://www.morga.ch/staging/

I set the backgound image back to “cover”, since “contain” would cut it at the edges and make transparent spaces between elements. Now I have one more question:

Is it correct that the background image settings can be edited via “slide options” here:

Or are there any other settings that influence the background image appearance?

Kind Rgards
lypa

#11

Hey Lypa,

I’m sorry I’m not completely sure what you mean but here’s the complete documentation about the Slider Background. See https://www.themepunch.com/slider-revolution/slide-background/

If you have time, I’d recommend exploring the rest of the documentation too.

Thanks.

#12

Hey Christian,

Thank you for the link, this helps :thumbsup:. And, yes, time is my problem as well as budget on the clients’ side for complex bug fixes after WP updates :wink:. But if the Slider stands the test of time and further updates then, it should be worth it.

Best,
lypa

#13

It should be if you do things natively in the theme or in the plugin.

If you have a follow-up question, we kindly ask to write it on a new thread as this one is getting longer and hard to follow.

Thanks,

#14

Hi Friech,

Ok, thank you.

Best,
lypa

#15

You’re welcome!
We’re glad we were able to help you out.

#16

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.