Support » Plugin: Smart Slider 3 » Text on sliders all messed up after update

  • Resolved alexDx


    All the styling on the slider text content is broken after the update. I can’t even edit the content for the text on the backend. Whats up with that?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Gabor


    Hi @alexdx!

    We had been contacted by that we need to limit down the coding possibilities we offer with our plugin, if we want to stay listed on their website. Because of this, we had to create filters to remove a lot of custom html codes, so this will be the cause of your problem. At most cases these html codes could be rather done with our options and that is what we suggest using to replace the previous custom codes.

    But you should be able to access these layers in the backend. Could you please send us an export of your slider:
    through our form?:
    Then we will take a look at what’s going on!

    Plugin Support Ramona


    Hi @cs1734

    Yes, the div and table tags you’re using are also not allowed inside the p tag based on HTML standards and are filtered out.

    I can think of two ways to get around this:
    1. Using Smart Slider, mostly
    You should rebuild the entire section using Smart Slider’s layers, and move these layers with custom codes. For example, you could use a Row layer:
    as container and left side of your content to the left column and the right side of the content to the right column.

    Then you could put a custom CSS class to the row at Layer Window > Style tab > under Advanced: CSS Class:
    and make your custom codes move this class.

    2. Not having the buttons in Smart Slider at all
    Since the yellow buttons are already positioned with custom codes, you could also just place these codes outside the slider, into your #main-slidercontainer. Then adjust the positioning code of these buttons. To make them appear on top of the slider at the CSS codes where the position: absolute; is set, simply add a high z-index, like z-index: 99999. Finally make sure you make the #main-slider element have position: relative:

    #main-slider {
      position: relative;

    This will make the absolute positioned items inside aligned based on this element.

    If you create this layout:
    so having the “icon list” above, and the “text buttons” below the slider, you could align the top buttons (“.social-media-in-header-button-container”) from top, and the bottom buttons (“.landingnav-in-header-container”) from the bottom. This way you probably wouldn’t need any kind of media queries to achieve the same look on all browser sizes.

    For me these codes worked fine in the inspector view on all devices:

    .social-media-in-header-button-container {
      position: absolute;
      right: 22px;
      top: 1vw;
      z-index: 99999;
    .landingnav-in-header-container {
      position: absolute;
      left: 22px;
      bottom: 1vw;
      z-index: 999999;

    To keep these custom buttons at the top and bottom of the slider(‘s container).

    Also, as per forum rules, please open your own topic rather than jumping into someone else’s:

    • This reply was modified 4 months ago by Ramona.
    Moderator Jan Dembowski


    Forum Moderator and Brute Squad

    Note to others who may have a problem and did not create their own topic:

    If you need support then per the forum guidelines please start your own topic.

    You can do so here.



    Aargh … Reworking is going to be a pain … Update one thing and tada .. More work 🙁

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.