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 FamilySets a font family style for the text
Font SizeSets a font size for the text
Font WeightSets a font weight for the text
Normal or ItalicSets a font style for the text
Text ColorSelect the color of the text
PaddingLets you customize the padding

Boxes

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

Available options to customizeDescription
ColorSelect the color of the box
Border RadiusSets border radius of the box
Border WidthSets border width of the box
Border ColorSelect the color of the box border
MarginLets you customize the margin
PaddingLets you customize the padding

Divider

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

Available options to customizeDescription
Divider WidthSets border width of the box
Divider ColorSelect the color of the box border
MarginLets you customize the margin
Did this answer your question?