Tagged: shop overview page, styling
-
AuthorPosts
-
April 8, 2022 at 8:17 am #1347671
Hi,
I added a Product categories filter to the Shop Overview Page sidebar and I am struggling to style it.
Here’s what I am not able to do:
– Product categories widget, remove the small triangle bullet points from the list
– If possible, remove the link on Parent category items (ALL GAMES, PLAY TIME, AGES, NUMBER OF PLAYERS)
– Filter by price widget, make the bar orange. I managed to make the border orange, but can’t figure out how to make the fill colour orange
– Search widget, the SEARCH button and sentence “Search Products …” is not in the right font, would it be possible to force the use of Nunito as in all other website elements?
– Where can I change the contents of the default “Sort By” box?
– Is it possible to add a display filter as GRID / LIST? (see attached image)I am adding a CMP bypass link to the site. The shop page is called Games
Thanks!
Nasi
April 10, 2022 at 7:20 pm #1347866Hey nasi,
Thank you for your patience, please try these css:
– Product categories widget, remove the small triangle bullet points from the list.sidebar .widget_product_categories li a { background: none; }
– If possible, remove the link on Parent category items (ALL GAMES, PLAY TIME, AGES, NUMBER OF PLAYERS)
.sidebar .widget_product_categories li.cat-parent>a { pointer-events: none; cursor: pointer; }
– Filter by price widget, make the bar orange
#main .sidebar .price_slider .ui-slider-range { background-color: #ff5e00; }
– Search widget, the SEARCH button and sentence “Search Products …” is not in the right font
#top #woocommerce_product_search-2 input[type="search"], #top #woocommerce_product_search-2 button[type="submit"] { font-family: 'nunito'; }
– Where can I change the contents of the default “Sort By” box?
Please see this article
– Is it possible to add a display filter as GRID / LIST (see attached image)
I don’t see an attached image, but I believe you will need to use a plugin for this.
After applying the css, please clear your browser cache and check.Best regards,
MikeApril 12, 2022 at 3:40 am #1348018Hey Mike,
All worked great!
Thank you !!!!April 12, 2022 at 4:07 am #1348020Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Shop Overview Page Styling’ is closed to new replies.