Customizing product category grid

• 

  amuletts · Member · Jul 21, 2021 at 1:34 am

  • Copy link
  • Add topic to favorites

  I’m trying to customize the product category grid, and pick out one category to feature in area ‘a’

  Does anyone know how I find the css id selector?

  My CSS:

  ul.products, .wc-block-grid__products {
  display: grid;
  grid-template-rows: [header-top] 1fr [header-bottom main-top] 1fr [main-bottom footer-top] 1fr [footer-bottom];
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 
          "a a b b"
          "c c c c"
  	"d d d d"
  	"e e e e"
  	"f f f f"
  	"g g g g";
  }
  
  .my_selected_category {
  	grid-area: a;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  fstat · Staff · Jul 21, 2021 at 9:13 am

  • Copy link

  Hi there,

  Since you need help with the WooCommerce plugin you have to post in this forum:

  https://wordpress.org/support/plugin/woocommerce

  The forums you are currently posting are for providing support to WordPress.com hosted sites only.

• 

  amuletts · Member · Jul 21, 2021 at 9:21 pm

  • Copy link

  Cheers!