How can I center the Product Title in Vantage theme?

Solved
Highlighted
Excursionist
34 0 4

Hi!  I am trying to figure a few things out on my product pages.  


1. I can't figure out how to get the product title centered.


2. Can't figure out the spacing between a header and the next paragraph.


Can anyone help me out?


Thanks,
Jenna

0 Likes
Highlighted
Shopify Partner
1023 214 463

@dashofpride 

 

Send me your store URL and screenshots too, so I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
Excursionist
34 0 4

dashofpride.com

 

1. Center Product Titles - image attached

 

2. Close space after header - image attachedImage 2020-05-03 at 10.00.39 PM.pngImage 2020-05-03 at 7.18.58 PM.png

0 Likes
Highlighted
Shopify Partner
1023 214 463

@dashofpride 

 

To make product title center, go to the theme.scss.liquid file and add following code at the end of file:

.product-single__title {
    text-align: center;
}

For product description, go to the product admin and replace description with following code (paste code in HTML mode):

 <blockquote>
<p style="text-align: center;"><i><span style="font-weight: 400;">The Classic Wedding Collection is designed to set the tone for your fairytale dream wedding, and will announce your upcoming nuptials in an elegant romantic style.</span></i></p>
</blockquote>
<h3 style="text-align: left; color: #37c6d5;">Collection Details:</h3>
<div style="text-align: left;">Format: Flat Card</div>
<div style="text-align: left;">Envelope: Standard A1 and A7 Smooth Finish</div>
<div style="text-align: left;">Paper:&nbsp;Classic Crest, Eggshell, Avon Brilliant White - 130 lb</div>
<div style="text-align: left;">Save the Date and Invitations: 5 x 7 in.</div>
<div style="text-align: left;">RSVP Card: 3.5 x 5 in.</div>

<h4 style="text-align: center; color: #37c6d5;">Purchase the Full Collection <a href="https://dashofpride.com/products/classic-lgbt-wedding-stationary-collection" title="Classic LGBT Wedding Stationary Collection">HERE</a>. 
 Wedding Programs, Well Wish Cards, Table Numbers and Thank You Cards.</h4>

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Excursionist
34 0 4

Hi.

 

1. The product center I wasn't able to do, so I am wondering if I am in the right place.  Please see attached image of where I went.

 

2. This looks better - thanks!!

 

JennaImage 2020-05-04 at 6.45.49 AM.png

0 Likes
Highlighted
Excursionist
34 0 4

One more question - how can I change the color of this one word so it looks like a link (#9B4F96)? I would also like to remove the underline as it looks to close to the underlying paragraph.  Thank you so much!!!

 

 

Image 2020-05-04 at 7.01.59 AM.pngImage 2020-05-04 at 7.00.49 AM.png

0 Likes
Highlighted
Shopify Partner
1023 214 463

This is an accepted solution.

@dashofpride 

 

1. Center Product Titles

- It would be in Assets > theme.scss.liquid file

 

2. Text color in the description

Demo_Products_Test_Shopify (1).png

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Excursionist
34 0 4

Well that color answer was way to easy.  I think I have been trying to figure out code to much that I overlooked the simple solution. Ha

 

Thank you so much!  I have resolved all the issues. I appreciate your help.

0 Likes