- Posts: 5
- Thank you received: 0
Change main photogallery - Welcome page
-
novakova-veronika
Inactive member - Topic Author
- New Member
Less
More
2 years 5 months ago #49464
by novakova-veronika
Change main photogallery - Welcome page was created by novakova-veronika
Hello, could you please help me where in administration may I change the main images on the page?It is module welcome.. I can not see any assignment of galery or carousel.thx, veronika
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
2 years 5 months ago #49466
by milos
Replied by milos on topic Change main photogallery - Welcome page
Hello,
To change background images (they are selected randomly on each page refresh), you need to create images in two sizes: 2400x1800 for retina screens and 1200x900 for normal screens. Name images as background1_@2x.jpg (for retina) and background1.jpg (for normal). The original template has 7 different background image pairs.
To upload new images, you can use FTP and upload them to this folder: /media/templates/site/natura/images (overwrite original images).
This is how to increase or decrease the number of background images, edit file /media/templates/site/natura/js/custom.js
Find this line:
Change number 7 with your number of random images.
Finally, edit file /media/templates/site/natura/css/custom.css and make sure that you have this block of CSS code for normal screens:
and this block of code for retina screens:
for each of your background images. These blocks of code are the same, just class name random1, random2, etc. and background image files background1.jpg, background2.jpg, etc., and background1_@2x.jpg, background2_@2x.jpg, etc. are different.
Regards,
Milos
To change background images (they are selected randomly on each page refresh), you need to create images in two sizes: 2400x1800 for retina screens and 1200x900 for normal screens. Name images as background1_@2x.jpg (for retina) and background1.jpg (for normal). The original template has 7 different background image pairs.
To upload new images, you can use FTP and upload them to this folder: /media/templates/site/natura/images (overwrite original images).
This is how to increase or decrease the number of background images, edit file /media/templates/site/natura/js/custom.js
Find this line:
Code:
var randomBackground = Math.ceil( Math.random() * 7 );
Change number 7 with your number of random images.
Finally, edit file /media/templates/site/natura/css/custom.css and make sure that you have this block of CSS code for normal screens:
Code:
.introrow .sparky_container.random1 {
background: url(../images/background1.jpg);
background-size: cover;
}
and this block of code for retina screens:
Code:
.introrow .sparky_container.random1 {
background: url(../images/background1_@2x.jpg);
background-size: cover;
}
for each of your background images. These blocks of code are the same, just class name random1, random2, etc. and background image files background1.jpg, background2.jpg, etc., and background1_@2x.jpg, background2_@2x.jpg, etc. are different.
Regards,
Milos
Please Log in to join the conversation.
-
novakova-veronika
Inactive member - Topic Author
- New Member
Less
More
- Posts: 5
- Thank you received: 0
2 years 4 months ago #49478
by novakova-veronika
Replied by novakova-veronika on topic Change main photogallery - Welcome page
great, thank you
Please Log in to join the conversation.
Time to create page: 0.153 seconds