Title: Styling
Last modified: November 8, 2022

---

# Styling

 *  Resolved [awr10e](https://wordpress.org/support/users/awr10e/)
 * (@awr10e)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/styling-116/)
 * Can you please standardise the styling of the blocks so they at least look like
   the shop styling. It looks horrible having different styling of products.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [xue28 (woo-hc)](https://wordpress.org/support/users/xue28/)
 * (@xue28)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/styling-116/#post-16183782)
 * Hi [@awr10e](https://wordpress.org/support/users/awr10e/)
 * Thanks for reaching out!
 * I am quite confused about your issue here. Can you please provide further details
   about what you are referring to here so that we could address you more effectively?
 * If a screenshot would be helpful, I’d recommend using [https://snipboard.io](https://snipboard.io)
   or [http://skitch.com/](http://skitch.com/). You can share the direct link to
   the image as a response to this topic.
 * Looking forward to your reply.
 *  Thread Starter [awr10e](https://wordpress.org/support/users/awr10e/)
 * (@awr10e)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/styling-116/#post-16185087)
 * Hi xue28
    In the screenshots (links) you can see that the fonts are all different
   from the shop to the Newest Product block (also best seller block).
 * Newest Products
    [https://www.wrideprints.co.uk/screenshots/newest-products-block.png](https://www.wrideprints.co.uk/screenshots/newest-products-block.png)
 * Shop
    [https://www.wrideprints.co.uk/screenshots/shop.png](https://www.wrideprints.co.uk/screenshots/shop.png)
 * I’ve added the following CSS to try get them to be the same but can only get 
   similar.
 *     ```
       .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .price, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link {font-size: 16px;
           font-weight: 500;
           font-family: 'Rubik',sans-serif;
           line-height: 1.2;}
       .wc-block-grid .wc-block-grid__products .wc-block-grid__product,
       .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {text-align:center;}
       ```
   
 *  [anastas10s](https://wordpress.org/support/users/anastas10s/)
 * (@anastas10s)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/styling-116/#post-16195895)
 * Howdy [@awr10e](https://wordpress.org/support/users/awr10e/) 👋
 * Thanks for providing further information on this. From what I gather, both the
   [site’s homepage](https://www.wrideprints.co.uk/) and [shop page](https://www.wrideprints.co.uk/shop/)(
   among others?!) have custom CSS code running -apart from utilizing the `WooCommerce
   Blocks` plugin.
 * Additionally, [the site’s source code reveals that the currently active theme is Astra](https://snipboard.io/5NPhHD.jpg).
   Therefore, since front-end issues are primarily related to theme behavior, I 
   suggest you get in touch with the support channels of the Astra theme about this.
 * I was able to find the theme on the WordPress.org repository, and linked below
   is its theme page. In it, a `View Support Forum` button can be found. Here is
   the theme’s page:
    [https://wordpress.org/themes/astra/](https://wordpress.org/themes/astra/)
 * I trust that points you in the right direction, but if you have more questions,
   let us know. We’re happy to help.
    -  This reply was modified 3 years, 7 months ago by [anastas10s](https://wordpress.org/support/users/anastas10s/).
      Reason: typo
 *  [Joey – a11n](https://wordpress.org/support/users/jricketts4/)
 * (@jricketts4)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/styling-116/#post-16215068)
 * We haven’t heard back from you in a while, so I’m going to mark this as resolved–
   we’ll be here if and/or when you are ready to continue.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Styling’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/woo-gutenberg-products-block_71608f.
   svg)
 * [WooCommerce Blocks](https://wordpress.org/plugins/woo-gutenberg-products-block/)
 * [Support Threads](https://wordpress.org/support/plugin/woo-gutenberg-products-block/)
 * [Active Topics](https://wordpress.org/support/plugin/woo-gutenberg-products-block/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woo-gutenberg-products-block/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woo-gutenberg-products-block/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [styling](https://wordpress.org/support/topic-tag/styling/)

 * 4 replies
 * 4 participants
 * Last reply from: [Joey – a11n](https://wordpress.org/support/users/jricketts4/)
 * Last activity: [3 years, 7 months ago](https://wordpress.org/support/topic/styling-116/#post-16215068)
 * Status: resolved