Change vendor text size in Narrative theme

Solved
Highlighted
New Member
13 0 0

Good morning,

I've looked at other vendor text size posts and tried using the methods discussed but nothing was changing while using the Narrative theme. Could anybody help me out? Essentially I'm trying to make the vendor text look bigger on the collection page and on the product page. Any help would be appreciated, thank you.

 

 

 

0 Likes
Highlighted

Hello @autostone 

Please share your store URL and reference site URL.

So that I can check and let you know the exact solution for this.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
13 0 0

autostone.myshopify.com

password: test

I don't know what reference URL is we are new to this platform

0 Likes
Highlighted

Hello @autostone 

Thanks for your response.

Please share screenshot which section of part of you want to change font size.

So that I can check and let you know the exact solution for this.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
13 0 0

autostone_0-1595339229358.png

I would like the "$3.99 Per SQFT | 11.61 SQFT/Box" to be bigger in terms of text, potentially a thicker weight, and a darker color like black instead of grey. Thank you.

 

0 Likes
Highlighted

Hello @autostone

Great thanks!

As per your requirement follow following code and changes are like attached screenshot, if any other changes you want then please feel free contact us!

price- Graphite – AutoStone.jpg

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product__content-header .product__vendor, .product__content-header .product__price {
	color: #000 !important;
	font-size: 1.9rem;
	font-weight: bold;
	letter-spacing: 1px;
}

Hope this will work for you

Thanks....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
13 0 0

That is perfect, thank you. Is there anyway to do that on collection pages as well? Screenshot included:

autostone_0-1595340205424.png

 

0 Likes
Highlighted

Hello @autostone 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.card-list .card__info .card__brand, .card-list .card__info .card__price {
    color: #000 !important;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
}

Changes just like attached screenshot please refer

BMW – AutoStone Floor Systems.jpg

Hope this will work for you

Thanks....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
13 0 0

Wondeful. Last but not least, is it possible to change the text attributes of the product title in the collection pages?

So "Clinkershop by Roben" can be altered at any time?

Side question: I've noticed the color sections in the code you gave me aren't HEX, are HEX numbers possible?

0 Likes
Highlighted

This is an accepted solution.

Hello @autostone 

changes for the text attributes of the product title in the collection pages...

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.card-list .card__info .card__name.h4 {
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1.2;
}

Hope this will work for you

Thanks....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes