Problems customizing collection page

Store Design
, , ,

Topic summary

A user seeks help customizing their Shopify collection page with three specific requests:

  • Change text color from black to white
  • Remove top padding
  • Update background to match the theme’s gradient

They provided a reference image showing the current page layout.

Proposed Solution:

Another user (EBOOST) offered CSS modification steps:

  1. Navigate to: Online Store → Themes → Edit Code
  2. Locate the base.css file in Assets
  3. Add CSS targeting the specific section ID to adjust color, width, and float properties

The response includes a screenshot demonstrating where to find the code editor. However, the CSS snippet and some technical details appear garbled in the original text, which may require clarification for proper implementation.

Status: Solution proposed but awaiting confirmation of successful implementation.

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

Hello, can somebody help me please change the text from Black to white, remove the top padding and change the background to match the theme’s gradient color please? Pictures for refference. Website link :https://senpaisstash.com/

963b_0-1733692047781.png
963b_0-1733692047781.png1809×829 230 KB

1 Like
2

Hi @963b ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/base.css
  2. Add code below to end of file
#shopify-section-template--23868019966301__main{
	float: left;
	width: 100%;
	--color-foreground: 255,255,255;
}