Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Re: How to change color of some paragraph words and how to adjust placement of sentences?

Solved

How to change color of some paragraph words and how to adjust placement of sentences?

abailea077
Excursionist
44 0 16

Hi everyone,

 

I used a multi-column section to write the location information of the Store.

How can I change color of the words (Location and Store hours in #e183b6) It has to remain bold. The section gives me the option to change color of the text but not a specific word.

 

And you can see the space of the sentences of the location and thoses of the Store Hours are not the same.

How can I adjust the space of the Store Hours sentences so they look the same as the Location sentences?

 

You can see the image

 

URL:

https://toroeatstreats.com/pages/location

 

Question 16.jpg

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
8785 2102 2575

This is an accepted solution.

Hi @abailea077 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

.multi-column__grid-item-text.ff-body.fs-body-200.rte strong {
    color: #e183b6;
}
.multi-column__grid-item-text.ff-body.fs-body-200.rte p {
    margin: 0 !important;
}

 

And save. 

result:

Made4uoRibe_0-1725643818197.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
8785 2102 2575

This is an accepted solution.

Hi @abailea077 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

.multi-column__grid-item-text.ff-body.fs-body-200.rte strong {
    color: #e183b6;
}
.multi-column__grid-item-text.ff-body.fs-body-200.rte p {
    margin: 0 !important;
}

 

And save. 

result:

Made4uoRibe_0-1725643818197.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
abailea077
Excursionist
44 0 16

Thank you so much!