Joomla Gallery

Step by step guide


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

Use one of the default themes or click “Add new” button to create a new theme.

6.5 Compact Album
6.5.1 Name. Provide a name for the theme.
6.5.2 Padding. Define the padding for the compact album preview image.
6.5.3 Margin. Define the margin for the album preview image.
6.5.4 Border width. Set the border width for the album preview image.
6.5.5 Border style. Set the border style for the album preview image.
6.5.6 Border color. Select the color for the border.
6.5.7 Border radius. Using CSS type values define the border radius of the preview image.
6.5.8 Shadow. Set a preview image shadow using CSS type values.
6.5.9 Hover effect. Choose an effect to be applied to the preview image when hovered or avoid having one.
6.5.10 Hover effect value. Set the CSS type value for the chosen hover effect.
6.5.11 Thumbnail transition. Choose whether to have a transition for the thumbnail or not.
6.5.12 Thumbnail background color. Select a background color the preview thumbnail image.
6.5.13 Thumbnail transparency. Select the level of transparency for the preview thumbnail image.
6.5.14 Full background color. Select a background color the overall compact album view.
6.5.15 Full background transparency. Select the level of transparency for the background color the overall compact album view.
6.5.16 Alignment. Define the alignment of the compact album in the page or post.
6.5.17 Title position. Choose the location of the album title.
6.5.18 Title font size. Define the font size for the album title.     
6.5.19 Title font color. Choose the album title font color. 
6.5.20 Title font family. Choose the font family for the album title.
6.5.21 Title font weight. Choose the font weight for the album title.   
6.5.22 Title box shadow. Using CSS type values set the box shadow for the album title.     
6.5.23 Title margin. Set the compact album title margin using CSS type values.
6.5.24 Font size. Define the font size for the additional texts (e.g. album is empty) and Back button label. 
6.5.25 Font color. Choose the font color for the additional texts (e.g. album is empty) and Back button label. 
6.5.26 Font family. Select the font family for the additional texts (e.g. album is empty) and Back button label.
6.5.27 Font weight. Choose the font weight for the additional texts (e.g. album is empty) and Back button label.
6.5.28 Back padding. Set padding for the Back button.


Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community