Shop Customizer – Widget Styles

Updated on January 3, 2019

The Shop Customizer is a new feature in Jupiter which lets you customize your websites shop.

In this article, we’ll explain how to use shop customizer to style your widgets on the shop pages.


Widget Styles

The Shop Customizer provides an option to style the widgets on the Shop page.

To access the Shop Customizer once it is activated:

1From the WordPress left menu, go to Jupiter > Shop Customizer.

To customize the Widget styles on the Shop pages:

1From the Shop Customizer, click on the Styles button under Widgets Styles

widget styles

2A new window will open with all the available options to style the Widgets.

widget styles

 

Style options are explained below:


Title

Lets you style the display of the Widget Titles on the shop pages :

Available options to customizeDescription

Font Family Sets a font family style for the text
Font Size Sets a font size for the text
Font Weight Sets a font weight for the text
Normal or Italic Sets a font style for the text
Text Color Select the color of the text
Padding Lets you customize the padding

Boxes

Lets you style the boxes of the Widgets on the shop pages :

Available options to customizeDescription
Color Select the color of the box
Border Radius Sets border radius of the box
Border Width Sets border width of the box
Border Color Select the color of the box border
Margin Lets you customize the margin
Padding Lets you customize the padding

Divider

Lets you style the divider of the Widgets on the shop pages :

Available options to customizeDescription
Divider Width Sets border width of the box
Divider Color Select the color of the box border
Margin Lets you customize the margin
Did this answer your question?