Adding a background colour to text on Collection List Section (Prestige Theme)

Store Design
, , ,
1

I am wanting to add a coloured background to the text on my collection list section so that the text is easily readable, at the moment it gets lost in the image. I don’t want to use an overlay over the whole image, just like a ‘box’ around the text.

Is there some CSS i could use in this section to add that in?

Here is a screenshot of what I mean

Screenshot 2023-06-25 at 4.34.05 pm.png
Screenshot 2023-06-25 at 4.34.05 pm.png2794×874 521 KB

Thank you in advance.

2

You can use CSS to add a colored background to the text in your collection list section. Here’s an example of CSS code that you can add to your theme’s CSS file or the specific section’s customization options:

.collection-list-section .collection-list-item .collection-list-item__title {
  background-color: #ffffff; /* Replace with your desired background color */
  padding: 10px; /* Adjust the padding as needed */
  color: #000000; /* Replace with your desired text color */
}