Change page colour scheme and text size and width

Store Design
, , ,

Topic summary

A user is customizing their store’s About Us page appearance and seeks help with several design changes:

Initial Questions:

  • How to apply color scheme 2 instead of scheme 1
  • How to make the “About Us” heading text smaller
  • How to adjust body text width (currently too wide)
  • How to set background to white with teal text

Resolution:
The user successfully resolved the issues by writing custom CSS code with assistance from GPT. The solution includes:

  • White background (#ffffff)
  • Teal-colored text (#4c2bab for headings)
  • Font size adjustments (35px)
  • Margin modifications (5% left and right)

The discussion includes reference images showing the page layout, and the user shared their working CSS code snippet that achieved the desired styling changes.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

IMG_9868.jpeg
IMG_9868.jpeg3024×4032 1.4 MB

IMG_9869.jpeg
IMG_9869.jpeg3024×4032 2.03 MB

This is on the About Us page of our site:

  1. How can I use the colour scheme 2 instead of scheme 1? So that the background with white and text is teal?

  2. How can I change the head About Us so it’s smaller?

  3. How can I change the body text width? So it’s not as wide?

www.kidkartz.com

thank you!

1 Like
2

I ended up writing some simple code with the help of GPT and it worked out

{
background-color: #ffffff;
color: #4cb2ba;
margin-left: 5%;
margin-right: 5%;
}
h3 {
color: #4cb2ba;
}
h1 {
color: #4cb2ba;
font-size:35px;
}