How to edit text size, padding and alignment of Product Title, Price, and Card Button on Dawn Theme

Dear Experts

I am currently working on enhancing the product cards for a bookstore website using the Dawn theme. After exploring various options, I came across your expertise

Websites" https://wordyee.com/

As we aim to create an optimal user experience for our bookstore customers, it’s crucial to ensure that these elements are not only visually appealing but also intuitively designed to encourage engagement and conversions

Could you kindly provide detailed instructions or insights on how to tailor these elements within the Dawn Theme

Hello @Malik_007

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Select a Feature collection and paste your code below

Step 2: You can adjust the properties to suit your needs. Text size is font-size, Padding is padding, alignment is text-align.

Code for title:

.card__information .card__heading {
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

Code for price:

.card__information .price {
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

Code for Add To Cart button:

.quick-add__submit {
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

product titles are too long, and product title, price and add to cart are not aligned. can you help me to fix this?

Hello @Malik_007

The product title is currently too long and the images are not the same size, making it difficult to align them. You can find another image or edit the images to make them the same size, which will make it easier to align. It would also be better if you could shorten the product title. Once you have adjusted these things, I will help you align them.

1 Like