In the Demo on the right side there is a settings icon where you can chose between 3 colours, how do I get that widget or how can I implement it?
Also, is there a way where I can set that if you open the website on mobile, that you can only see 1 Index instead that it slides to all 4 since the one with the video is a bit messy?
Thank you for this question. This color panel is for demonstrative purposes only.
If you want to change the main color for this template, just replace all instances of main color hex code with hex color value that you want inside the "main.css" file.
Also you can change "main.css" to "main2.css" or "main3.css" (also "shop2.css" ) in your HTML code inside "head" tag which are the same with the exception of predefined colors within it.
About the Index, how can I set a variable if someone opens the website via the Phone that it only shows a specific index? There are 3 different ones, and the one playing the youtube video is pretty bugged.
Thank you alot, it looks good on the mobile now, but when I open it on a desktop (https://lbsolutions.ch/test/ it is not centered somehow... idk if you can see it?
Hello
In the Demo on the right side there is a settings icon where you can chose between 3 colours, how do I get that widget or how can I implement it?
Also, is there a way where I can set that if you open the website on mobile, that you can only see 1 Index instead that it slides to all 4 since the one with the video is a bit messy?
Greetings (Looking for a freelancer too)
still no answer...?
Hello, Dear Lirim Orllati
Thank you for this question. This color panel is for demonstrative purposes only.
If you want to change the main color for this template, just replace all instances of main color hex code with hex color value that you want inside the "main.css" file.
Also you can change "main.css" to "main2.css" or "main3.css" (also "shop2.css" ) in your HTML code inside "head" tag which are the same with the exception of predefined colors within it.
Example:
Best Regards!
Hey Andrey, Thanks for your reply!
About the Index, how can I set a variable if someone opens the website via the Phone that it only shows a specific index? There are 3 different ones, and the one playing the youtube video is pretty bugged.
Hello, Dear Lirim Orllati!
It's possible to hide the slider for mobile devices via this simple CSS code:
@media (max-width: 767px) { .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; display: none; } }Just add it to the main.css file (at the end of it) and save changes.
Then clear cache in a browser and check results at the front-end.
Best Regards!
Hello Andrey
Basically I`ve added a Image (with an effect) and the width doesn`t show properly. Is there a line I can add, to fix the size of the Image i`ve added?
Current code:
<div class="intro_layer" data-animation="pulse">
<br>
<br>
<br>
<img src="images//logotop.png" alt="logotop" style="width:454px;height:340px;">
</div>
can i add a class to set, when I open it on the mobile that the size is different?
Hello Dear Lirim Orllati!
Please show us the area you mean in the screenshots.
Also, provide the link to your site for checking this problem.
Best Regards!
Hi Dmitry
Thanks for your reply.
I added 2 Screenshots!
The link is www.lbsolutions.ch/test/index.html
Hello, Dear Lirim Orllati!
In this case please try this optimized image (you may download it in the attachment of this post).
Replace the image, then clear cache in the browser and check the results at front-end.
Best Regards!
Hey Andrey
Thank you alot, it looks good on the mobile now, but when I open it on a desktop (https://lbsolutions.ch/test/ it is not centered somehow... idk if you can see it?
Hello, Dear Lirim Orlatti.
In this case please add in CSS code this lines:
.page_slider .flexslider .slides li:before { margin-left: -213px; margin-top: -216px; } @media (max-width: 767px) { .page_slider .flexslider .slides li:before { margin-left: -213px; margin-top: -167px; } }Best Regards!
Do I have to make changes to the main.css to make this work?
.container h2.frame-5 {-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
color: transparent;
text-shadow: 0px 0px 1px #fff;
} .container h2.frame-5 span {
-webkit-animation: blurFadeIn 3s ease-in 14s backwards;
-moz-animation: blurFadeIn 1s ease-in 14s backwards;
-ms-animation: blurFadeIn 3s ease-in 14s backwards;
animation: blurFadeIn 3s ease-in 14s backwards;
color: transparent;
text-shadow: 0px 0px 1px #fff;
} .container h2.frame-5 span:nth-child(2) {
-webkit-animation-delay: 15s;
-moz-animation-delay: 15s;
-ms-animation-delay: 15s;
animation-delay: 15s;
} .container h2.frame-5 span:nth-child(3) {
-webkit-animation-delay: 16s;
-moz-animation-delay: 16s;
-ms-animation-delay: 16s;
animation-delay: 16s;
}
Hello Dear Lirim Orllati!
We checked your site and we see, all appears fine:
https://bit.ly/3wULuwS
Let us know if you have any other questions or issues.
Best Regards!