Stratos Template: Where is The Code For Animated-scroller Class - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Stratos Template: Where is The Code For Animated-scroller Class

MR

Murugappan Ramanathan

Template 6 months ago

In the Stratos template Home Page there is logo slider. I see that it uses animated-scroller class to create a custom scroller. I could not find this class in the template details and files->css. Where is it located? Also the custom css addonWrapper. How is this css used?

https://prnt.sc/jjOaHxXqhAJw

0
10 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 6 months ago #191386

You are welcome 😊

If the answer resolved your query, you can mark it as accepted to help close the post and guide others with similar questions. There is a button to accept answers after each comment.

If there's anything else you need assistance with, feel free to let us know!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 6 months ago #190840

Hello Murugappan Ramanathan,

Thank you for reaching out to our technical support forum. CSS style is written in template.css using this CSS class animated-scroller. Search animated-scroller in template.css file and you will get it.

prnt.sc/k13QRjz1VGRG

Addon Wrapper CSS style is used as Internal CSS here:

prnt.sc/cTNY906GgcTY

Best regards

0
MR
Murugappan Ramanathan
Accepted Answer
6 months ago #190886

Hi Ofi,

I got that, thank you. What puzzles me is that how is scrolling done. I bought the template and i am unable to customize it.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 6 months ago #190903

The animation is made targetting the animated-scroller class. The code is in this file templates/stratos/js/main.js

0
MR
Murugappan Ramanathan
Accepted Answer
6 months ago #190970

Thank you Ofi Still have not given the complete picture. Please allow me to get to the point. I am trying to clone this into our corporate site. If i want to do that what do i need to do get this working in another template? Also i need to customize the Stratos Template later. By stating the js file will not help anyone as the documentation for this template is very skimpy and does not mention any of these type of special coding done. I need the full picture. I dont know which function in js does this and how this function is triggered.

Every time we ask these details, we have been told that this is internal code and cannot be revealed. Such comments should be stopped as user have bought the template and is entitled for full details on such codes. In fact if we have modified things better we can post this on the site that Joomshaper and other users can benefit.

So please help us help you by making things better. Please provide the full details.

0
MR
Murugappan Ramanathan
Accepted Answer
6 months ago #191030

Is there any reply, please?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 6 months ago #191044

Please go to this locations:

templates/your_template/css and templates/your_template/js

and add custom.css and custom.js files attached herewith. You need to unzip the file and then replace.

custom.css.zip

custom.js.zip

Then take an SP Page Builder page and import Stratos home page. I have attached the page with media files (images).

sp-page-builder-pages-a7D96BKR.zip

After importing it on SP Page Builder Bulk Import settings, check the preview. It will be exactly like the Stratos homepage.

I have also recorded a screencast for you. Please check it here:

files.fm/u/hmh773hww7

0
MR
Murugappan Ramanathan
Accepted Answer
6 months ago #191161

Hi Ofi,

Thank you so much. Its seems to work with one exception. The slider is not showinh the right images.

I have removed the link to the website (after resolution has been given)

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 6 months ago #191176

Sorry, I could not find the issue. The sliders seem fine to me. Could you please help me get the issue? Please share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

0
MR
Murugappan Ramanathan
Accepted Answer
6 months ago #191332

Hi Ofi,

I see that is working also. I do not why. I did not do anything.

Anyway, i have created my own version of the animated scroller just using css and it seems to work fine too.

Thank you for your help.

0