Photo Gallery

Step by step guide


Step 6: Creating/Editing Themes for different views of the Photo Gallery.

6.4 Slideshow
6.4.1 Name. Provide a name for the theme.
6.4.2 Background color. Set the background color for the slideshow view.
6.4.3 Right, left buttons size. Determine the size for the Right and Left buttons.
6.4.4 Play, pause buttons size. Determine the size for Play and Pause buttons.
6.4.5 Buttons color. Pick the button color for the slideshow view.
6.4.6 Buttons transparency. Specify the level of transparency for the buttons.
6.4.7 Buttons hover color. Set the color for the buttons when hovered.
6.4.8 Right, left buttons width. Define the width for the Right and Left buttons.
6.4.9 Right, left buttons height. Define the height for the Right and Left buttons.
6.4.10 Right, left buttons background color. Choose the background color for the Right and Left buttons.
6.4.11 Right, left buttons border width. Set the border width for Right and Left buttons.
6.4.12 Right, left buttons border style. Select the border style for Right and Left buttons.
6.4.13 Right, left buttons border color. Pick the Right and Left button border color.
6.4.14 Right, left buttons border radius. Define the Right and Left button border radius.
6.4.15 Right, left buttons style. Choose a style to be applied to Right and Left buttons.
6.4.16 Right, left buttons box shadow. Determine the shadow level for the Right and Left buttons.
6.4.17Filmstrip position. Specify the filmstrip position for the slideshow view.
6.4.18 Filmstrip margin. Set the margin for the filmstrip using CSS type values.
6.4.19 Filmstrip border width. Set the border width for the slideshow.
6.4.20 Filmstrip border style. Specify the border style for the filmstrip.
6.4.21 Filmstrip border color. Choose the border color for the filmstrip.
6.4.22 Filmstrip border radius. Define the border radius for the filmstrip.
6.4.23 Filmstrip active border width. Set the border width of the filmstrip item, which is currently displayed.    
6.4.24 Filmstrip active border color. Select the border color of the filmstrip item, which is currently displayed.
6.4.25 Filmstrip deactive transparency. Specify the transparency level of the deactived filmstrip.
6.4.26 Filmstrip right, left buttons background color. Choose the background color for the Right and Left buttons used with the filmstrip.
6.4.27 Filmstrip right, left buttons color.  Choose the button color for the Right and Left buttons used with the filmstrip.
6.4.28 Filmstrip right, left buttons size. Determine the button size for the Right and Left buttons used with the filmstrip.
6.4.29 Title background color. Set the background color for the slideshow image title.
6.4.30 Title transparency. Set the level of transparency for the slideshow image title.
6.4.31 Title border radius. Define the border radius for the slideshow image title.
6.4.32 Title padding. Set the slideshow image title padding using CSS type values.
6.4.33 Title font size. Define the font size for the slideshow image title.
6.4.34 Title color. Set the slideshow image title color.
6.4.35 Title font family. Determine the font family for the slideshow image title.
6.4.36 Description background color. Choose the background color for the slideshow image description.
6.4.37 Description transparency. Select the level of transparency for the slideshow image description.
6.4.38 Description border radius. Set the border radius for the slideshow image description.
6.4.39 Description padding. Set the padding for the slideshow image description.
6.4.40 Description font size. Define the font size for the slideshow image description.
6.4.41 Description color. Choose the color for the slideshow image description.
6.4.42 Description font family. Choose the font family for the slideshow image description.
6.4.43 Slider bullet width. Set the slider bullet width for the slideshow.
6.4.44 Slider bullet height. Set the slider bullet height for the slideshow.
6.4.45 Slider bullet border radius. Set the border radius for the slider bullet using CSS type values.
6.4.46 Slider bullet background color. Choose the background color for the slider bullet. 
6.4.47 Slider bullet margin. Set the slider bullet margin using CSS type values.
6.4.48 Slider bullet active background color. Select the background color for the active slider bullet.
6.4.49 Slider bullet active border width. Set the border width for the active slider bullet.
6.4.50 Slider bullet active border color. Choose the border color for the active slider bullet.


Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community