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

Malik_007
New Member
18 0 0

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

 

Screenshot 2024-03-18 004452.png

 

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

Replies 3 (3)

PageFly-Amelia
Trailblazer
165 52 65

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

PageFlyAmelia_0-1710736283608.png

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Malik_007
New Member
18 0 0

product titles are too long, and product title, price and add to cart are not aligned.  can you help me to fix this?Screenshot 2024-03-18 104934.png

PageFly-Amelia
Trailblazer
165 52 65

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.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.