Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #1347866

    Hey 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,
    Mike

    #1348018

    Hey Mike,

    All worked great!
    Thank you !!!!

    #1348020

    Hi,
    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Shop Overview Page Styling’ is closed to new replies.