Support

How can I change the fonts, colors, and overall style of my store?

Customizing your store’s design helps establish a strong brand identity and creates a seamless visual experience for your customers. With Shopaccino’s Theme Settings, you can easily modify fonts, colors, backgrounds, and more using the built-in layout CSS editor.

Access Theme Settings

  1. Log in to your Shopaccino Admin open Panel.
  2. From the left-side menu, navigate to Theme > Theme Setting.
  3. Click on Manage Layout CSS to open the customization panel.

Customize Your Store's Visual Elements

You can now personalize various components of your storefront. Below are the key sections you can modify along with the elements and styling options available:

Layout

Control the overall typography and color scheme for general content:

  • Elements: Body, Paragraph, Links, Headings (H1–H6)
  • Options: Font size, font family, font color
Footer

Ensure the footer matches your site’s theme with consistent styling:

  • Elements: Newsletter, social icons, footer links, headings
  • Options: Background color, font color, text transformations
Buttons

Design engaging call-to-action buttons to improve customer interaction:

  • Elements: Buttons, button hover states
  • Options: Background color, border color, font size, font family, font color
Menu

Customize your navigation menu for improved usability and branding:

  • Elements: Main menu, hover states, dropdowns, sub-menus
  • Options: Background color, font size, font color, font family, text transform
Pagination

Style your pagination controls to enhance user navigation:

  • Elements: Pagination links, active page, hover state
  • Options: Background color, border color, font size, font family, font color

Save Your Changes

Did this answer your question?

On this page