Okay
  Public Ticket #1809303
Custom CSS | Write Your Own Code
Closed

Comments

  • John Humphress started the conversation

    Is there a way to enter classes and ids within the Custom CSS Field.

    #id { your css}

    .class {your css}

    etc....

    We noticed that we can add this information within the LayerSlider WP | Options | CSS editor but this is a global configuration for all the Sliders.  If we can't modify within the Custom CSS Field, where would we put our own CSS in for a particular Slider.


  • [deleted] replied

    Hello John Humphress,

    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 custom CSS to a slider in the Slider Settings -> Appearance tab. And you can do it for layers in the Styles tab.

  • John Humphress replied

    Attila,

    Do you have an example for the slider classes?  


    The only way to get the CSS to work is to put the divs within the HTML Layer Type.  Is there a way to move the styles over to the custom css.  We would like to tag each element within the Custom CSS field.  Please see attached[HTML_layerStyle.

    We would like to do something like [Attached CustomCSS] within the CustomCSS tab.



  • [deleted] replied

    I wouldn't recommend the excessive usage of CSS like this. The plugin offers every styling setting that you need to set this up. You can set padding, font family, font size, linking and even IDs and classes with the built-in options. For basic styling like this I'd recommend to use the plugin settings. They are simple to use and will always work. The custom CSS fields should be used for more advanced customization instead.

  • John Humphress replied

    Attila,

    Yes this is very basic CSS code, we are just trying to understand how the plugin works with simple examples.  

    We have figured out the Custom CSS for each layer. 

    We understand that we can create our custom CSS code in the LayerSlider CSS Editor for the entire Slider plugin.


    "You can add custom CSS to a slider in the Slider Settings -> Appearance tab."   Can you give an example, we have made several modifications within the Slider Appearance but we do not see any changes within the slides.

  • [deleted] replied

    Unfortunately there are no CSS examples included to the plugin, but the slider will accept any valid CSS code. You can find a lot of sites online that will list valid CSS code that you can use.

    Please note that this kind of customization (also referring to your other ticket) requires CSS knowledge and some web development knowledge. So it's not recommended for inexperienced users. 

    I've recommended the plugin's built-in options instead of CSS to avoid any possible mistakes, as the built-in options will always work as intended and they achieve the same thing.