About swiper patern bg not showing

4 replies · opened Feb 20, 2020

Ddata0Feb 20, 2020

Hi SemiConlonWeb,
Just renewed my support for 1 simple problem that I cannot grasp and its about the swiper slider pattern.
While finishing my project i moved some files and folders and changed the path's correctly and checking eachtime if all still worked.
Somewhere down the road I lost the pattern2.png image in the slider when moving left and right. One thing I did was moving and renaming the path of the pattern from 'images/patern2.png' to 'images/bg/pattern2.png' but I did not now if this created the problem but after rewinding it the swiper pattrn did not come back so i am totally lost.
I have 2 versions, 1 with the pattrn working and my final version without it, i hope by renewing support and asking you guys to tip me how to get it back, will help me not do a lot work all over again for this minor problem.

p.s. the strange thing is that I do see the swiper wrapper style css with the pattrn2.png in my browser console but it does not appear on screen.
Maby there are more "images/pattern" path's i changed or maby more css files relate to this path, but after switching back it has no effect.

I am the happiest builder on earth with all the tools Canvas theme gives, big complements!

Kind regards,
Camiel

Ddata0Feb 20, 2020

i found out that if i move the style.css file into a css folder and rename the route in my file, the texture dissapears.
I just found out that If i move the style.css file to the root the problem is gone, but i do not want my style sheet appart from my css folder with all the style.
If there is a way i can correctly move style.css file from root to css folder without loosing the swiper pattrn bg my problem should be solved.
Can't figure out what causes the problems with moving the style.css.

Kind regard Camiel

SSemicolon WebSTAFFFeb 21, 2020

Hello,

Thank you so much for renewing your Support and the Kind Words! :)

We have just checked this out and the Swiper Pattern appears to be working fine for us on the both the URLs you have provided above. Can you please confirm?

Additionally, as you have mentioned that you have changed locations, everything should work fine keeping in mind that you point the Files to the right location from the CSS File. Even including ../ to the Files if they are one folder up.

Do let us know if you are still facing any further issues with this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Ddata0Feb 24, 2020

Strange did not see that reply but now i do:D The problem was with moving the style.css file a folder up to /css
i did try and add ../css/style.css to try it again and again i see the texture pattern on the slider not working, but the rest of css looks okay.
I left it in this state @ the https://captainmac.ml.
The only thing I did was moving all css files into css & css subfolders and just want to remove style.css from the root
all stylesheets work well in /css with referring as css/(stylesheet-name).css but not the style.css one.

hope u see what i mean!

Kind regards and thanks for replying already!

SSemicolon WebSTAFFFeb 26, 2020

Hello,

Since the style.css File is in the css/ Folder, you simply need to use 'css/style.css' in the HTML Codes (not ../css/style.css).

For the Pattern Image reference, pointing to the right location is the key. Assuming your images/ Folder's location is still the original one, the Pattern Image's location in the css/style.css File would be ../images/pattern2.png . That's it!

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard