New to the community? Start here

I am trying to make a slide in

I am trying to make a similar slide in as:
https://cdn.livechat-static.com/api/file/lc/att/8801096/99492a04c7518f7607f1dbbe6ee98698/cta.png
Can you help me with all the steps?

Fri, 27 Dec 2019 16:54:42
More Hustle Pro discussions
Hustle Pro
  • Kris Tomczyk
    • Ex Staff

    Hi Michel

    I hope you are doing good today.

    Here are some steps to make such slide in:

    1. Create your slide in in Hustle
    2. Set up your Title, Feature Image and enable “Call to Action” so it could generate your custom button with custom URL
    [attachments are only viewable by logged-in members]
    3. In Appearance tab of this slide in set up Feature Image -> Fitting section as Contain
    [attachments are only viewable by logged-in members]
    4. In same Appearance tab in Colors Palette section (after you choose template from select) set up background for
    – Basic -> Main background
    – Basic -> Image container BG

    5. To set up background which exist behind button you will need to add custom css in Appearance -> Customize -> Additional CSS:

    .hustle_module_id_2 .hustle-info.hustle-info--default .hustle-layout .hustle-layout-footer {
	background-color: #000000 !important;
}

    Where “hustle_module_id_2” is an ID of your Slider in (when you edit your slide in you should see ID in the URL bar of your browser) and #000000 is a black color. You can hex colors under this link:
    https://www.w3schools.com/colors/colors_picker.asp

    6. Set up width with same ID

    .hustle-ui.hustle_module_id_2  .hustle-slidein-content > [class*="hustle-"] {
	width: 300px !important;
}

    I hope this helps.

    Kind Regards,
    Kris