RYLA

Rotary sponsors Youth Leadership training

Rotary Youth Leadership Awards

Contents of this demo page

This page is not marked 'sticky' so it will not appear as one of the images on the homepage carousel. A main pic has been added but there are no additional pics for a slideshow.  

Main pic ............................................................YES
Page marked as "sticky" ...................................YES (shows main pic in homepage carousel)
Extra pics uploaded to create a slideshow ...... NO
Sub-pages added (related pages) ................... NO
Images added to body of the page ...................YES

What is also different from some other demo main pages is that we have added a couple of images into the the text area of the page. This is not as easy as adding pics to the slideshow as it involves the use of the page editor to upload the images to the website server and then position them on the page alongside text making sure that they are the right size. All of this can be a bit tricky for novices and requires some extra knowledge and practice. Special attention will also be needed to make sure that such images are 'responsive' and will be suitably sized and positioned when viewed on smaller devices other than laptops and PCs. So, only attempt this if you are confident to do this.

Below are the text and images that have been added, followed by some helpful notes.

Alt text is this

 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Her is the alt text for the pic Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Notes

The images have been uploaded at 800x600 and then resized using the online editor. A 1px border has been added to the logo and horizontal and vertical space of 10px has been added to each pic. The alignment setting for the top pic is 'left'' which means that the text goes to the right. The alignment setting for the bottom pic has been set to right, which means the text sits to the left. If you want to see how this page behaves on smaller devices, change the size of the window in which you are viewing this page.

Beware

The online page editor and the preview in the admin area does not always show the true finished layout! So you will need to view the web page in your browser to see what further adjustments may be needed for public viewing. 

Tip

If all this becomes too technical, and you struggle to get the right results, consider uploading your photos/images to the page slideshow rather than embedding them in the text area.