I am trying to make all this beige the same color as my header, as well all the beige that is behind the text and options to that same pink but I cannot find an option to do it. I would also like to change the product titles color from the black to a blue to match my other text but cant figure that out either. I am using the sens theme.
@AlexLundquist - can you share this page link where you have this design and title?
Hello @AlexLundquist ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file or theme.css file
Add this following code at the bottom of page
header {
background-color: #F5F5DC;
}
body {
background-color: #F5F5DC;
}
.product-item__title {
color: #0000FF;
}
Save and preview
Hope this can help.
Transcy
I tried those it only changed the color of the header. basically I am trying to make the product title text this color 4D54AB, and the background for the page #FFDDDD.
Thanks
@AlexLundquist - it will look like this, is it ok?
That is perfect, Is there any way I can change the text “Personalized Pet Portrait” to #4D54AB. Thank you so much I have been trying to figure this out for like a week.
@AlexLundquist - there is one issue, I think you are using dawn theme which do not have any class or id for the product pages, and hence css can not be set only for product pages… other pages too will change… we need to add unique class for the product pages so that we can set css for only them
I thought I was using sense, honestly if I cant change the text but only the background like how you had it thats pretty good. If I could do both it would be ideal, I only have a landing page and one product page.
@AlexLundquist - ok, so sense theme too do not have unique class , ids.. we can change backgrounds but we will need to edit code, are you familiar with coding?
No but i can try
@AlexLundquist - or if you can add me as collab then I can do it for you, that would be quick and easy
That sounds way easier how do i go about that?
@AlexLundquist - I have sent you the collab request, please check
You can change color of your text from Shopify admin > Online store > Themes > Customize > Theme settings > Colors
Cool I just accept it thanks
@AlexLundquist - please clear cache and check the product page
Hello @AlexLundquist
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
body {
background: #ffdddd !important;
}
.product__title {
color: rgb(77, 84, 171) !important;
}
The result
Hope it helps!
The background looks perfect is there anyway to change the text color? You are amazing
@AlexLundquist - please check