How to add ' from ' in front of the price in featured collection dawn theme

Store Design

Topic summary

A user wants to add the word ‘from’ before product prices in their featured collection using the Dawn theme.

Problem: The user provided a reference image and store URL (password-protected) showing where they want ‘from’ to appear before pricing.

Solutions Provided:

Two community members offered CSS-based solutions:

  • Solution 1: Add CSS targeting h5.shopbnb-text-4xl.shopbnb-money.undefined::before with content: "From "; at the bottom of the CSS file
  • Solution 2: Add CSS to the section’s Custom CSS targeting .shopbnb-listing-price:before with content: 'From'; and padding-right: 4px;

Both solutions use CSS ::before pseudo-elements to inject the text. Screenshots were provided demonstrating the implementation. The discussion remains open with no confirmation from the original poster about which solution worked.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

How do I add ’ from ’ in front of the price in featured collection dawn theme

pic for reference https://ibb.co/1GQdVdsq

website: https://smartappartde.myshopify.com/

password 1234

Thanks a lot.

1 Like
2

@urbantis

Please add the following code at the bottom of your css file.

h5.shopbnb-text-4xl.shopbnb-money.undefined::before {
    content: "From ";
}

dmwwebartisan_0-1749030172754.png
dmwwebartisan_0-1749030172754.png1523×369 704 KB

Hope this works.

3

You can do that by adding this code to Custom CSS of that section.

.shopbnb-listing-price:before {
    content: 'From';
    padding-right: 4px;
}

Screenshot 2025-06-04 at 16.50.47.png
Screenshot 2025-06-04 at 16.50.47.png2904×1220 722 KB

1 Like