Add more information to category field (Dawn Theme)

Hello all,

I want to add more information after the price in the category section. The Theme I use is the Dawn Theme. And it should be in the center. Like the example below

Title

Price

Text (Font size decreased a little bit)

Text with link (Font size decreased a little bit)

P.S. Can someone explain me how to find the exact css path of a certain element? It would be very helpful for my own trying and failing.

1 Like

Hi @TommySete ,

You can follow the directions below to add a text and a link.

  1. From your Admin Page, click Online Store > Themes > Customize
  2. Go to the product page, add a block
  3. Add Custom liquid

  1. Refer to the code below to add a link.
This is a link.
  1. Add text block to add a text

You can learn how to use the Inspect tool by watching the video below.

Instead of Edit the HTML, you click Copy, then Copy > Copy Selector

Hi @TommySete ,

  • With center content: Go to Assets > base.css and paste this at the bottom of the file:
.card-information {
  text-align: center !important;
}
.card-information .price {
  justify-content: center !important;
}
  • With debug CSS, refer link

Hope it helps!

Hi @TommySete

If you want to add any field, you will add a custom liquid in customize theme section. Please follow these steps:

  1. Go to Online Store => Themes => Customize
  2. Go to Product page default => select Add a block
  3. In Custom liquid, add the following code
This is a link.

I hope that it works for you.

Helllo and thanks for your answer. But i meant the category section for the landing page.

Hi @TommySete ,

Did you follow my instructions?