Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #1778

    Alfonso S
    Participant

    Hello, for my landing page, i want to create a Slider with:
    – Long text, with line breaks. I have tried using <Br/> but it makes the line break too big and it ddoesn’t display properly
    – Contact form, with email and a button

    Thanks

    #1783

    Rubin
    Keymaster

    Hey,

    The contact form should be pretty easy. You use a content band and place inside a contact form. We support Contact Form 7 so you can install that plugin and create your own customized contact form and then place that shortcode of the contact form into the content band.

    About the slider: you would need to tweak the line-height which would be a custom css change so the easiest thing to help you would be if you can show me your landing page with the slider online so I can instruct you on how to tweak the css to your needs.

    #1787

    Alfonso S
    Participant

    The thing is I want the contact form INSIDE the slider. Does it support shortcodes too? I haven’t been able.
    Regarding showing you the landing, it still is under construction: http://dinaru.com/vip/landing/

    #1790

    Rubin
    Keymaster

    Hey,

    Try placing the Contact Form 7 shortcode into the revolution slider text field. It should work.

    #1799

    Alfonso S
    Participant

    It worked with contact form… although now i need to create a mailchimp contact form. Another problem hehehe

    What about the line height? Can you help me?

    #1818

    Kory
    Keymaster

    Hey there,

    You can add custom CSS to any of your elements in Slider Revolution. You can do this the standard way via a CSS class and using Edit Global Styles, or you can edit the styles using Slider Revolution’s Edit Style button.

    When you add a new text layer, you can add a new class to the element by going down to the Style field in the Layer General Parameters box to add a class. For example, you might use the class name main-heading. Next, you could open the Edit Global Styles modal and add the following:

    .tp-caption.main-heading {
      line-height: 1.2;
    }

    Additionally, you could simply select Edit Style and update your element’s CSS that way.

    Thanks!