How do I use CSS to make a portion of my text just like this below?
Here’s the site for reference: https://skyliette.com/products/cover
We’re both using same theme: Shrine Pro
Hi @ryanmikols
You can make the text bold and add the below css to the CUstom CSS.
.image-with-text__text.rte.body b {
background-color: #fff4dc;
color: #F5923C;
}
Notes: This works for only Image with text section.
If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
How do I do just a section of a paragraph? Also how do I underline a certain section of a paragraph too?
We have to add the css for the texts and separate them using bold or itallic tag, and add css based on tag,
How can we do that then?
Ahh I see so I edit Theme Code? Any tutorial on how to do this.
No, add the same code directly when adding text.
Can you help me through it? I haven’t dabbled in HTML with Shopify before.
Put texts you want to highlight in this code
**your text goes here**
1 Like
How do I get to the HTML editor inside of Shopify to insert that section?
Just add that part directly when you adding text for your section
yeah, try to save and check is it work?
No it doesn’t, it’s still the same.
Could you share the page with that section to check?
Have you taken a look?
.rich-text__text strong {
color: blue;
}
Add this to your Custom CSS and change blue with your desired color. Everything you mark as Bold will have your color.