How can I modify text color and add boxes on my website?

Topic summary

Main request: add a white box around the “Checkout” text (matching the “Go to cart” style), change the box/background color to #e1c4a7 (a hex color code), and set the text color to white.

Details:

  • The poster shared multiple screenshots showing current styling and the desired look for checkout/cart elements.
  • Hex color #e1c4a7 is specified for box backgrounds; text should be white.

Latest guidance:

  • Suggested to use the theme’s Customizer (theme settings) and explore available styling options via the indicated button to adjust colors and element styles.
  • A screenshot of the Customizer entry point was provided; no code or specific CSS selectors were given.

Status & next steps:

  • No confirmation of success or detailed steps per element; exact controls may vary by theme.
  • If Customizer lacks specific controls (box borders, backgrounds, text colors), further actions may require custom CSS targeting checkout/cart components.

Notes:

  • Images are central to understanding the desired visual changes.
Summarized with AI on February 8. AI used: gpt-5.

For this how do I add a white box around the checkout writing like the go to cart section please


How do i change the colour of these boxes to #e1c4a7


How do I change the text to white please?

Thank you :slightly_smiling_face:

I believe you should be able to fix these by going to the theme settings. Go to your Customizer and click on this button to see all the customizing options.