Skip to content

Commit

Permalink
Fix image links and reduce image size in a blog post
Browse files Browse the repository at this point in the history
  • Loading branch information
johnjago committed May 16, 2024
1 parent 99351ee commit d68bb07
Show file tree
Hide file tree
Showing 5 changed files with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions content/blog/2024-05-15-astra-remove-sale-badge/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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**”.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d68bb07

Please sign in to comment.