Jump to content

How to Have Specific Category Appear Different From Rest in Category Listing on Product Page

Recommended Posts

I want the category "On Sale" to appear Red and at the top of the category listing.  I've tried the following CSS to make red but it doesn't work.  I have no idea how to put a specific category at the top of the list.  I don't see a way to do it with built-in tools. 

I'm using Version 7.0– Brine family (Burke template)
Thanks for your help

/* Make On Sale Category Red in Category List */

.ProductList-filter-list-item-link  [href="/artwork?category=On+Sale"]{
    
    color: red   
}

 

Link to comment
  • Replies 5
  • Views 442
  • Created
  • Last Reply

Top Posters In This Topic

On 11/29/2022 at 6:25 PM, JackieB said:

sorry, just saw this. 
https://jackiebraitman.com

 

You mean this page

https://www.jackiebraitman.com/holiday-sale

Make products title belong On sale category to red color?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 12/2/2022 at 7:34 PM, JackieB said:

No, this page
https://jackiebraitman.com/artwork

I want the category "holiday sale" to be red
and for it to appear at the top of the list of the list of categories
(I added the dash at the front and back to artificially move it to the top of the list)

Add to Design > Custom CSS

.ProductList-filter-list-item-link[href*="Holiday+Sale"] {
    color: red;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.