Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • Button and Input
  • Button border-radius
  • Input border-radius
  • Promo Box
  • Image border-radius
  • Enable format 'PJPG'

Was this helpful?

  1. Theme settings

Button, Input and Promo Box

This section includes settings to set up buttons, inputs, and banners on the whole store.

PreviousApps and LanguageNextNotifications

Last updated 1 year ago

Was this helpful?

Theme settings -> Button, Input and Promo Box

Button and Input

In this section, you can configure the border radius of the buttons and the input.

Button border-radius

Here you can change the button borders from sharp to round ones using a border-radius scale, where you can change the radius from 0 to 30 px:

Input border-radius

Here you can change the input borders from sharp to round ones using an input border-radius scale, where you can change the radius from 0 to 30 px:

Promo Box

In this section, you can change the image border radius in the promo boxes.

*Promo boxes are part of a mega menu in the Header. You can add or change images in the promo boxes following these steps: in Shella Editor, go to Header -> Mega -> Promo box.

Image border-radius

Here you can change the image borders in promo boxes from sharp to round ones using a border-radius scale, where you can change the radius from 0 to 30 px:

Enable format 'PJPG'

If you enable this option, the transparent images in the format PNG or GIF will not be available for the promo box.