Remove Bold font and make spacing smaller

Store Design
, , , , , , , , , , , , , ,

Topic summary

A user wants to remove bold formatting from product names on their product page and reduce the spacing between the product name and price.

Solution Provided:

  • Add custom CSS code to modify the .full-unstyled-link class
  • Specific properties to add: margin-bottom: -7px; and font-weight: 100;

Implementation Steps:

  1. Navigate to Online Store → Edit Code
  2. Open the assets folder
  3. Locate and click on the base.css file
  4. Paste the provided CSS code at the end of the file
  5. Save changes

The discussion appears resolved with clear technical guidance for implementing the styling changes through theme code customization.

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

Hey,

i would like to make the product name on my product page not bold. also make the spacing smaller between the name and the price. please help

sixdreamz_0-1729442453645.png
sixdreamz_0-1729442453645.png840×771 74.3 KB

Url: sixdreamz.com

password: sdc2003

2

hello,
here is how you can remove font bold and also fix the spacing between your name and price by adding " margin-bottom: -7px;
font-weight: 100;" to your class name ".full-unstyled-link ":

.full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block;
    margin-bottom: -7px;
    font-weight: 100;
}

add thse

3

where can i add these?

4

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Go to the assets folder
  4. click on base.css
  5. paste the code on the last line in the file
    click save and done.