Okay
  Public Ticket #2274515
How to add css style to any selector,class,id
Closed

Comments

  • Stavros234 started the conversation

    Dear Sir/Madam,


    Have created a slide named "Profile"
    https://photos.app.goo.gl/mCWZyHpwrgrwUZ5h6

    Have added Text with title "Προφίλ" and named its class as profile,
    Would like to add some css to the profile class, have tryed but without any result.

    Have mentioned a video how tryed to apply some css to the class profile.

    https://photos.app.goo.gl/Hg69744Ls4fyVnbk6

    If you could assist how to add css style to the specific class but also in general in any selector, id.

    Thank You,


    Stavros Sofroniadis


  •   Stavros234 replied privately
  • [deleted] replied

    Hello Stavros,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    You can add any custom CSS to your layers in the Layers -> Styles -> Custom CSS field. Or if you're looking to add custom CSS to your whole slider, you can do that in the Slider Settings -> Appearance -> Custom Slider CSS field.

    As for the classes, you can find these options in the Layers -> Link & Attributes -> Common Attributes section. And in the Slider Settings -> Appearance -> Slider Classes field.

    The opening animation of a layer can be edited in its Transition tab. You will need to remove any movement (offsets for example), the fade, and set the Start at and Duration fields to very low values (but not zero).

  • Stavros234 replied

    Hello,

    Thank You for reply and assistance,


    Have added to the text a class named "profile" and applyed in the the Custom CSS field the following code:

    .profile{
    color:red;
    }

    But without any result.

    https://photos.app.goo.gl/xzfGf9mrVG685oFv9


    Also, have decreased to 1 (Stat at & Duration) and disabled Fade option.
    It a liitle better, but still text "Προφίλ" appears after few seconds , not immediately as the rest of the page.

    https://photos.app.goo.gl/LJfoogKin4rwmz2g9

    If you can have a look at website control panel,


    Thank You,


    Stavros Sofroniadis



  • Stavros234 replied

    Have renamed Profile slide to Services slide, allso renamed profile class to "services"


    Have a look to services slide, 

  • [deleted] replied

    Thank you for the feedback. We'll take a look at this and get back to you shortly.

  •   Stavros234 replied privately
  • [deleted] replied

    Thank you for your patience.

    The slider will always appear slightly later than the page itself. As it only starts on document ready event. Unfortunately you cannot initiate it earlier.

    As for the CSS. If you apply the given CSS class on a layer in the mentioned way and settings it should be working. Where can we see these to check on them?