Change main photogallery - Welcome page

More
2 years 5 months ago #49464 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
Attachments:

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 5 months ago #49466 by milos
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:
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.

More
2 years 4 months ago #49478 by novakova-veronika
great, thank you :)

Please Log in to join the conversation.

Time to create page: 0.153 seconds
Powered by Kunena Forum