Getatlas 6v5wijuyu1
Help Center›Design and Customization›Adding Custom CSS Styles
Related articles

Adding Custom CSS Styles

Last updated October 2, 2024

Adding Custom CSS Styles in Shogun

Customizing your online store's design is vital in creating a unique identity that resonates with your brand. With Shogun, you have the flexibility to add your own CSS styles, allowing you to fine-tune the appearance of your pages to match your vision. In this article, we will walk you through the steps to add custom CSS styles effectively within the Shogun platform.

Why Use Custom CSS?

Custom CSS provides numerous benefits, such as:

  • Enhancing your site's uniqueness by implementing specific styles that align with your brand.
  • Adjusting styles that are not easily changed through the Shogun editor.
  • Improving responsiveness by adding CSS for various screen sizes.

Steps to Add Custom CSS in Shogun

Follow these simple steps to add your custom CSS styles:

  • Log in to your Shogun dashboard.
  • Select the page you want to edit or create a new page.
  • Click on the 'Settings' icon, usually located at the top right corner of the editor.
  • In the settings menu, look for the 'Custom CSS' section.
  • You will see a text area where you can insert your CSS code. Add your desired CSS styles here.
  • After entering your custom CSS, be sure to save your changes.
  • Preview your changes by using the 'Preview' option before publishing.
  • Once you're satisfied with your updates, publish the page.

    • Tips for Writing Effective CSS

    Here are some tips to keep in mind when writing custom CSS:

    • Use clear and meaningful class names to keep your styles organized.
    • Test your styles across different devices and browsers to ensure compatibility.
    • Utilize developer tools in your browser to inspect elements and see which styles are applied.

    By following these steps and tips, you can easily add custom CSS styles to your Shogun pages, giving your store the look and feel that you want. Happy styling!

    Was this article helpful?