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
-
Log in to your Shopaccino Admin
Panel.
- From the left-side menu, navigate to Theme > Theme Setting.
- 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:
Control the overall typography and color scheme for general content:
- Elements: Body, Paragraph, Links, Headings (H1–H6)
- Options: Font size, font family, font color
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
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
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
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