Global Theme Settings (Portobello)

Section Separators

Setting Description
Separator type One of the special features of Portobello is the ability to have non-linear divisions between sections on pages.

Choose from either None, Slant to the left, Slant to the right, Slant in random directions, Clouds and Peaks.

Animate Page Elements

Setting Description
Enable animations When users scroll down the pages on your site, elements will smoothly animate into view. This may cause performance issues if you have categories with lots of products or infinite scrolling enabled.

Fonts

Setting Description
Enable custom Google fonts Select this to include any font from Google Fonts. Instructions to configure this feature can be found here.
Heading font family Choose the font style to be used for all headings.
Primary font family Choose the font style to be used for all body text.
Secondary font family Choose the font style to be used for all secondary body text.

Font Sizes

Setting Description
Body text font size Choose the font size to be used for all body text.
H1 font size Choose the size of large titles.
H2 font size Choose the size of h2 headings.
H3 font size Choose the size of h3 headings.
H4 font size Choose the size of h4 text.
H5 font size Choose the size of h5 text.
H6 font size Choose the size of h5 text.

Pricing

Setting Description
Price Ranges Show the price range (lowest to highest) for products with variants.

Purchase Options

Setting Description
Restrict Purchase to Login Select this to hide prices and add to cart buttons until your customers sign in to the website.

Breadcrumbs

Setting Description
Show breadcrumbs on small screens Breadcrumbs are removed from product and category pages on smaller screens.

Blog

Setting Description
Show summary in cards Select this to display a summary, i.e. the first few lines of the post in blog cards.
Show author in cards If a name is entered in the Author field on blog entries, picking this option will display it in blog cards.
Blog header size Select this to change the size of the blog page header image. Use this article to help you choose what image sizes are best for you.
Blog listing thumbnail size Select this to change the size of the blog listing thumbnail image. Use this article to help you choose what image sizes are best for you.

Shopping Cart

Setting Description
Thumbnail image in cart and other pages Select this to change the size of the cart thumbnail image. Use this article to help you choose what image sizes are best for you.
Show payment method icons in the cart This will show payment methods in the mini cart and cart page, below the checkout buttons.

Custom CSS

Setting Description
Enable custom store CSS Pick this to add custom store CSS to add overrides and additional CSS without having to edit your theme files.
Enable custom checkout CSS Pick this to add custom checkout CSS to add overrides and additional CSS without having to edit your theme files.
Enable developer custom store CSS Select this to add developer custom store CSS. This is used by Flair when setting up paid customers.
Enable developer custom checkout CSS Select this to add developer custom checkout CSS. This is used by Flair when setting up paid customers.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.