• Limited Time Giveaway
    • Get MailChimp WD PRO Plugin
      *This Deal covers only MailChimp WD Personal Plan
    • $
      30 FREE
  • MailChimp WD Giveaway
    Coupon Code: MailChimpPRO
  • Get Now

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.8 Lightbox
6.8.1 Name. Provide a name for the theme.
6.8.2 Overlay background color. Choose the background color for the background overlay.
6.8.3 Overlay background transparency. Select the level of transparency for the background overlay.
6.8.4 Lightbox background color. Select the overall background color for the lightbox.
6.8.5 Control buttons height. Set the height for the control buttons in the lightbox.
6.8.6 Control buttons margin (top). Set the top margin for the control buttons in the lightbox.
6.8.7 Control buttons margin (left). Set the left margin for the control buttons in the lightbox.
6.8.8 Control buttons position. Choose the position for the control buttons.
6.8.9 Control buttons background color. Choose the background color for the control buttons.
6.8.10 Control buttons container border radius. Set the border radius for the control buttons container.
6.8.11 Control buttons container background transparency. Choose the transparency level for the control buttons container.
6.8.12 Control buttons alignment. Set the positioning of the control buttons.
6.8.13 Control buttons color. Choose the color to use for the control buttons.
6.8.14 Control buttons transparency. Choose the level of transparency for the control buttons.
6.8.15 Toggle button height. Set the height for the toggle button.
6.8.16 Toggle button width. Set the width for the toggle button.
6.8.17 Close button border radius. Define the border radius for the Right and Left buttons.
6.8.18 Close button border width. Set the border width for the Close button.
6.8.19 Close button border style. Choose the border style for the Close button.
6.8.20 Close button border color. Select the border color for the Close button.
6.8.21 Close button box shadow. Set the box shadow for the Close button.
6.8.22 Close button background color. Select Close button background color.
6.8.23 Close button transparency. Choose the level of transparency for the Close button.
6.8.24 Close button width. Set the Close button width.
6.8.25 Close button height. Set the Close button height.
6.8.26 Close button top. Set the margin between the top border and the Close button.
6.8.27 Close button right. Set the margin between the right border and the Close button.
6.8.28 Close button size. Define the Close button size in pixels.
6.8.29 Close button color. Choose a color for the Close button.
6.8.30 Fullscreen close button color. Choose a color for the Fullscreen exit button.
6.8.31 Share buttons color. Choose a color to be applied to all Social share buttons used with the view.
6.8.32 Right, left buttons style. Choose the style for the Right and Left buttons.
6.8.33 Right, left buttons background color. Select the background color for the Right and Left buttons.
6.8.34 Right, left buttons transparency. Select the level of transparency for the Right and Left buttons.
6.8.35 Right, left buttons box shadow. Set the Right and Left buttons box shadow using CSS type values.
6.8.36 Right, left buttons height. Set the height for the Right and Left buttons.
6.8.37 Right, left buttons width. Set the width for the Right and Left buttons.
6.8.38 Right, left buttons size. Define the size for the Right and Left buttons.
6.8.39 Right, left, close buttons hover color. Choose the Right, Left and Close buttons color when hovered.
6.8.40 Right, left buttons color. Choose the Right and Left buttons color.
6.8.41 Right, left buttons border radius. Set the border radius for the Right and Left buttons.
6.8.42 Right, left buttons border width. Set the border width for the Right and Left buttons.
6.8.43 Right, left buttons border style. Choose the border style for the Right and Left buttons.
6.8.44 Right, left buttons border color. Choose the border color for the Right and Left buttons.
6.8.45 Filmstrip position. Set the filmstrip position in the lightbox.
6.8.46 Filmstrip thumbnail margin. Specify the margin for the filmstrip image using CSS type values.
6.8.47 Filmstrip thumbnail border width. Set the border width for the lightbox filmstrip.
6.8.48 Filmstrip thumbnail border style. Choose the border style for the lightbox filmstrip.
6.8.49 Filmstrip thumbnail border color. Select the border color for the lightbox filmstrip.
6.8.50 Filmstrip thumbnail border radius. Set the lightbox filmstrip border radius using CSS type values.
6.8.51 Filmstrip thumbnail active border width. Set the border width for the lightbox filmstrip image which is currently displayed.
6.8.52 Filmstrip thumbnail active border color. Choose the border style for the lightbox filmstrip image which is currently displayed.
6.8.53 Filmstrip thumbnail deactive transparency. Choose the transparency level of the thumbnails except the currently displayed one.
6.8.54 Filmstrip right, left buttons size. Define the button size for the Right and Left buttons of the filmstrip.
6.8.55 Filmstrip right, left buttons color. Select the button color for the Right and Left buttons of the filmstrip.
6.8.56 Filmstrip right, left button background color. Select the button background color for the Right and Left buttons of the filmstrip.
6.8.57 Rating position. Set the position for the rating icons.
6.8.58 Rating alignment. Set the alignment for the rating icon.
6.8.59 Rating icon. Select the rating icon among six possible options.
6.8.60 Rating color. Choose the color for the selected rating icon.
6.8.61 Rating hover color. Choose the color for the selecting rating icon range when hovered.     
6.8.62 Rating size. Define the rating dimensions.
6.8.63 Rating icon count. Set the amount of the rating symbols to be displayed.
6.8.64 Rating padding. Set the padding for the rating.
6.8.65 Hit counter position. Set the position for the hit counter.
6.8.66 Hit counter alignment. Set the alignment for the hit counter.
6.8.67 Hit counter background color. Choose the background color for the hit counter box.
6.8.68 Hit counter background transparency. Define the level of the background transparency for the hit counter box.
6.8.69 Hit counter border width. Set the border width for the hit counter box.
6.8.70 Hit counter border style. Specify the border style for the hit counter box.
6.8.71 Hit counter border color. Choose the border color for the hit counter box.
6.8.72 Hit counter border radius. Set the border radius for the hit counter box.
6.8.73 Hit counter padding. Set the padding for the hit counter box.
6.8.74 Hit counter margin. Set the margin for the hit counter box.
6.8.75 Hit counter font color. Select the font color within the hit counter box.
6.8.76 Hit counter font family. Choose the font family for the hit counter box text. 
6.8.77 Hit counter font weight. Choose the font weight for the hit counter box text.
6.8.78 Hit counter font size. Select the font size for the hit counter box text.
6.8.79 Info position. Specify the position of the image title and description.
6.8.80 Info alignment. Select the alignment for the image title and description.
6.8.81 Info background color. Choose the background color for the image information.     
6.8.82 Info background transparency. Set the level of transparency for the image information background. 
6.8.83 Info border width. Set a border width for the image information box. 
6.8.84 Info border style. Set the border style for the image information box. 
6.8.85 Info border color. Set the border color for the image information box.
6.8.86 Info border radius. Set the border radius for the image information box.       
6.8.87 Info padding. Set the padding for the image information box using CSS style values.
6.8.88 Info margin. Set the margin for the image information box using CSS style values.   
6.8.89 Title font color. Choose the font color for the image title.
6.8.90 Title font family. Specify the font family for the image title.      
6.8.91 Title font weight. Specify the font style for the image title.       
6.8.92 Title font size. Set the font size for the image title.
6.8.93 Description font color. Choose the font color for the image description.
6.8.94 Description font family. Set the font family for the image description.
6.8.95 Description font weight. Set the font style for the image description.
6.8.96 Description font size. Define the font size for the image description.
6.8.97 Comments width. Define the width of the comment box for the images in the lightbox.     
6.8.98 Comments position. Select the comment position for the images.
6.8.99 Comments background color. Select the background color for the comment box in the lightbox.   
6.8.100 Comments font size. Define the font size for the comments input field labels.
6.8.101 Comments font color. Define the font color for the image comments.
6.8.102 Comments font family. Select the font family for the image comments.
6.8.103 Comments author font size.         Define the font size for the Author text in the image comment box.
6.8.104 Comments date font size. Define the font size for the image comment date.
6.8.105 Comments body font size. Define the font size for the image comments.
6.8.106 Comment input border width. Define the border width for the comment box.      
6.8.107 Comment input border style. Select the style to be applied to the comment box border.
6.8.108 Comment input border color.       Choose the border color for the comment box border
6.8.109 Comment input border radius. Set the border radius for the comment box input field.
6.8.110 Comment input padding. Set padding for the comment box input area using CSS type values.      
6.8.111 Comment input background color. Choose the background color for the comment input field.
6.8.112 Comment button background color. Choose a background color for the comment button.                
6.8.113 Comment button padding. Set the comment button padding using CSS type values.       
6.8.114 Comment button border width. Set the border width for the comment button.   
6.8.115 Comment button border style. Select the border style for the comment button.  
6.8.116 Comment button border color. Choose the border color for the comment button.
6.8.117 Comment button border radius. Set the border radius for the comment button using CSS type values.
6.8.118 Comment separator width. Set the width for the comment separators.      
6.8.119 Comment separator style. Choose the style for the comment separator lines.      
6.8.120 Comment separator color. Select the color for the comment separators.


Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community

Google Analytics WD
View Google Analytics reports within your Wordpress site.