[giannisdallasParticipant]

Hello trustworthy support 🙂

I try to create a new blog in the test site http://betterparent.gr/webprojects/betterparents/

I have problems handling the Revolution Slider:

1) I try in vain to make the heading and test responsive. When in desktop view everything is OK. But when I slowly decrease the window width suddenly the whole layer is wrapped in a 214px element.
I have tried to set a layer width (900px) but that overflows the layer in smaller sizes.
I created a second cloned layer, only visible in x-small devices. The thing is I am trying to avoid having 4 different layers, for the 4 screen sizes. Is there a better way to keep the structure intact using only one layer

2) I added open sans in slider settings, but I don’t see then in layer font drop-down. What am I doing wrong?

Thank you very much once again

[giannisdallasParticipant]

P.S. Ideally I would like to have the layer responsive AND with max-width 900px if that is possible

[giannisdallasParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

1. You can add this under Custom > CSS in the Customizer.

#rev_slider_4_1_wrapper.rev_slider .tp-parallax-wrap,
#rev_slider_4_1_wrapper.rev_slider .tp-loop-wrap {
   width:100% !important;
}

2. Please refer to the link below
http://www.themepunch.com/revslider-doc/slider-settings/#googlefonts

Hope that helps

[giannisdallasParticipant]

Unfortunately no 🙁

1) the text-wrap keeps getting really small. Just open the Customize to see how it looks like in a smaller screen size. I use X-shortcodes if that makes any difference.

2) I followed the example but I still don’t see any Open Sans in the dropdown menu.

Thanks

[ZeshanMember]

Hi there,

#1: Please try using this CSS code instead:

@media (max-width: 1024px) {
    .tp-mask-wrap {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .tp-loop-wrap {
        width: 100%;
    }

    .tp-parallax-wrap {
        width: 100%;
        left: 0 !important;
        top: 20px !important;
    }
}

For the future reference, as Revolution Slider is a 3rd party plugin, regretfully, we have limited support for it that only covers its compatibility issues with X. So any question related to transitions, animations or how the certain feature of the slider works, would be getting outside the support we can offer. You may refer to Revolution Slider online documentation: http://revolution.themepunch.com/documentation/

You can review our Kb article on Revolution Slider for more information.

#2: You may not find Open Sans in the dropdown but you can replace the font family with 'Open Sans', helvetica, sans-serif to use Open Sans font.

Thanks!

[giannisdallasParticipant]

It worked 🙂

Once again you are wonderful. Thank you very much

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts