How can I improve my online store's aesthetics?

Store Design
1

Please help,

My store aesthetics look really bad.

  • Font is too large

  • Buttons are too big

  • Content is not aligned right

Please have a look the urls for reference:

  1. https://eboardnation.com/

  2. https://eboardnation.com/blogs/guides/2023-best-electric-scooter-for-heavy-adults-up-to-300-lbs-12-perfect-choices

Assistance appreaciated

2

To improve the aesthetics of your store by adjusting the font size, button size, and content alignment, you can make changes to the theme’s CSS. Here’s a general approach to address these issues:

  1. Access the theme editor: Go to your Shopify admin dashboard and navigate to “Online Store” → “Themes”. Find your current theme and click on the “Actions” dropdown, then select “Edit code”.

  2. Locate the CSS file: In the theme editor, look for the file that controls the CSS styles. This is typically named theme.scss.liquid, styles.scss.liquid, or similar. Open it in the code editor.

  3. Adjust the font size: Search for the CSS selector that targets the desired font and adjust its font-size property. For example, to reduce the font size of the entire page, you can use the following CSS:

body {
  font-size: 14px;
}

  • You can change the 14px value to a size that suits your preference. Make sure to adjust specific font selectors as needed.

    1. Modify button size: Locate the CSS selectors that target buttons and adjust their padding or font-size properties to control their size. For example, to reduce the button size, you can use the following CSS:
button {
  padding: 8px 16px;
}
​
  • Adjust the 8px and 16px values as per your requirements. You may need to target specific button selectors to modify their size.
3

Thank you for the response.

I can’t seem to locate the files you mentioned as specific to my store. I can’t seem to find any css related filed. Should I be looking to theme.liquid?