diff --git a/content/blog/2024-05-15-astra-remove-sale-badge/index.md b/content/blog/2024-05-15-astra-remove-sale-badge/index.md index 0fe77ec..e663661 100644 --- a/content/blog/2024-05-15-astra-remove-sale-badge/index.md +++ b/content/blog/2024-05-15-astra-remove-sale-badge/index.md @@ -17,7 +17,7 @@ draft = false If you’ve seen these sale banners on products in your WooCommerce store, and you want them gone, here’s how you can do it while still keeping the items on sale. -![Screenshot of the sale badges on items on the shop page of a WooCommerce store.](/blog/2024-05-15-astra-remove-sale-badge/shop-page-sale-badges.png) +![Screenshot of the sale badges on items on the shop page of a WooCommerce store.](/blog/astra-remove-sale-badge/shop-page-sale-badges.png) ## For most Astra themes @@ -42,16 +42,16 @@ If the theme supports the new WordPress site editor (released in 2022 and becomi 1. Go to your site’s dashboard (log in to WordPress). 2. In the side navigation, go to **Appearance → Editor**. 3. Click on “**Styles**”. - ![Screenshot of the WordPress full site editor after landing on it from the WordPress dashboard.](/blog/2024-05-15-astra-remove-sale-badge/site-editor-design.png) + ![Screenshot of the WordPress full site editor after landing on it from the WordPress dashboard.](/blog/astra-remove-sale-badge/site-editor-design.png) 4. Click the **pencil icon** to edit styles. - ![Screenshot of the WordPress full site editor after clicking “Styles”.](/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles.png) + ![Screenshot of the WordPress full site editor after clicking “Styles”.](/blog/astra-remove-sale-badge/site-editor-styles.png) 5. At the bottom, open “**Additional CSS**”. - ![Screenshot of the WordPress full site editor after clicking the pencil icon to further edit styles.](/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles-edit.png) + ![Screenshot of the WordPress full site editor after clicking the pencil icon to further edit styles.](/blog/astra-remove-sale-badge/site-editor-styles-edit.png) 6. Paste the custom code into the box: ```css .ast-onsale-card { display: none !important; } ``` - ![Screenshot of the WordPress full site editor showing the box where to paste the custom code to hide the Astra sale badges.](/blog/2024-05-15-astra-remove-sale-badge/site-editor-css.png) + ![Screenshot of the WordPress full site editor showing the box where to paste the custom code to hide the Astra sale badges.](/blog/astra-remove-sale-badge/site-editor-css.png) 7. Click “**Save**”. diff --git a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-css.png b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-css.png index a35b1ce..50e8a6c 100644 Binary files a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-css.png and b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-css.png differ diff --git a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-design.png b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-design.png index 43f1efe..d1dc366 100644 Binary files a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-design.png and b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-design.png differ diff --git a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles-edit.png b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles-edit.png index a128d51..9622252 100644 Binary files a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles-edit.png and b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles-edit.png differ diff --git a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles.png b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles.png index 073c1b5..ad74db3 100644 Binary files a/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles.png and b/content/blog/2024-05-15-astra-remove-sale-badge/site-editor-styles.png differ