Changing specefic page colors and text colors

Hello, I was looking to only have my homepage black and all collection pages white. I found the below code and it worked however the product titles and prices are white and I can’t see them. If I change it to black then the text won’t be visible on the homepage, I can’t win. Is there a not so complicated way of solving this?

https://vfjjewels.com/

Hi @Jessica-vfj

Hope you’re having a great day!

I’ve read your problem and before providing a solution, would like to analyze your website. Then, I will provide a solution to you up here - on the forum.

Could you share your website URL? And if your website is password protected then also provide a password?

If you have any further questions, please do reach out either here on the forum, or via private message/email.

Hi @Jessica-vfj ,

Hope you are doing well. Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Asset > theme.css.liquid and paste this at the bottom of the file:

body.template-index{

// All codes are displayed for homepage only

background: #000;

}

body{

// All codes are displayed for other pages

background: #fff;

}

Hope this helps!