Solved

Change background white & text black w/ out effecting homepage slideshow buttons

TotalWeeb
Tourist
44 5 7

Please help! Please no half answers, I've reposted this question multiple times and I've noticed when someone replies no on else does. I've tried messing with CSS and I tried calling from multiple different classes that didn't work and tried changing theme colors around a lot but it ended up just making my theme organization very unorganized.

 

My website is www.totalweeb.store

 

**My Problem**

I have an issue where my "search results" page has a black background and because of that, you can't easily see the review stars or the text next to the reviews that says the number of times it has been reviewed. 

 

Below is an image of how the reviews should look!

reviews example.png

 

 

Below is how it currently looks.

 

 

search results.png

 

I was able to get the background white in one of my previous attempts by changing default theme colors, but when I did it changed the background on my homepages slide show buttons also.. I want to make sure this stays the color it is.

 

slideshow buttons.png

Accepted Solution (1)
TotalWeeb
Tourist
44 5 7

This is an accepted solution.

I'm fairly familiar with CSS, so I did try to already go in and change it but I couldnt find the classes to call, or atleast the right ones...

View solution in original post

Replies 4 (4)

PageFly-Oliver
Astronaut
840 176 156

Hi @TotalWeeb ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

{% if handle contains search %}
<style>
.alireviews-review-star-rating .alr-wh-star-rating-icon svg path{
stroke: #f9f9f9 !important;
}
</style>
{% endif %}

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

TotalWeeb
Tourist
44 5 7

I really appreciate the effort. This isn't working for me either =[

TotalWeeb
Tourist
44 5 7

Everything is the way it is supposed to be, except when you type in the top search bar to get results - the search results page has a black background, I'd be fine with this just being white and changing the text, or just changing the reviews and stars on that one specific page for search results.

 

I did check across multiple devices just incase...

TotalWeeb
Tourist
44 5 7

This is an accepted solution.

I'm fairly familiar with CSS, so I did try to already go in and change it but I couldnt find the classes to call, or atleast the right ones...