Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider style doesn't work #21

Closed
Gamble-Man opened this issue Jul 17, 2022 · 2 comments
Closed

Slider style doesn't work #21

Gamble-Man opened this issue Jul 17, 2022 · 2 comments

Comments

@Gamble-Man
Copy link

I copied your _slider-primary.less file into my theme, but the slider didn't work, I followed the steps in your video, turned on developer mode and deleted the static files

@thewebverse
Copy link
Owner

Please try again following these steps:

  1. Create a new file named _slider-primary.less inside /web/css/source/sections directory. (Add the same code as in this repository)
  2. Make sure to import _slider-primary.less file inside _extend.less file using: @import 'sections/_slider-primary'; (Same code as in this repository)

At this moment you are creating a new .less file and making sure that this file is included in the themes code base.

  1. Using Page Builder from admins panel edit the Slider Content Type and inside the field CSS Classes add this class: slider-primary

At this moment the styles from _slider-primary.less will be applied to the Slider element.

Make sure to regenerate static files so LESS is compiled to CSS.

@Gamble-Man
Copy link
Author

Please try again following these steps:

  1. Create a new file named _slider-primary.less inside /web/css/source/sections directory. (Add the same code as in this repository)
  2. Make sure to import _slider-primary.less file inside _extend.less file using: @import 'sections/_slider-primary'; (Same code as in this repository)

At this moment you are creating a new .less file and making sure that this file is included in the themes code base.

  1. Using Page Builder from admins panel edit the Slider Content Type and inside the field CSS Classes add this class: slider-primary

At this moment the styles from _slider-primary.less will be applied to the Slider element.

Make sure to regenerate static files so LESS is compiled to CSS.

Please try again following these steps:

  1. Create a new file named _slider-primary.less inside /web/css/source/sections directory. (Add the same code as in this repository)
  2. Make sure to import _slider-primary.less file inside _extend.less file using: @import 'sections/_slider-primary'; (Same code as in this repository)

At this moment you are creating a new .less file and making sure that this file is included in the themes code base.

  1. Using Page Builder from admins panel edit the Slider Content Type and inside the field CSS Classes add this class: slider-primary

At this moment the styles from _slider-primary.less will be applied to the Slider element.

Make sure to regenerate static files so LESS is compiled to CSS.

I have solved the problem, the reason is that I used a different filename, thank you very much, I love your design

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants