highlighting text

New Member
6 0 0

Hello everyone,

I'm currently working in the debut theme and I was wondering how I get text highlighted with a specific color code.

For example, I would like the text that is marked in the image to be highlighted.

this section is just a image with text in debut theme. Does anyone know the place and the code where I must insert it to get the marked text highlighted with a specific color code?

thank you,

Tommy

example highlighting.jpg

0 Likes
Explorer
72 10 10

Hello @tommyveltman 

 

We have to create settings for choose color. 

 



From files:

 

 -> Navigate to Shopify Admin -> Online Stores -> Themes 

-> Click -> Actions button -> choose Edit code

-> Open Sections -> edit feature-row.liquid
-> Under 'schema' and add below code after 'Heading'.

 

{
   "type": "color",
   "id": "heading_color",
   "label": "Heading color",
   "default": "#000000"
}


After that, you can select color from settings. Please see below screenshot.

Screenshot 2019-12-25 at 8.11.37 PM.png

 

One last thing, you need to edit feature-row.liquid. Please see below screenshot.

 

Screenshot 2019-12-25 at 8.12.49 PM.png

 

AND THAT's IT  :)

Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
New Member
6 0 0

thank you for the useful information. With highlighting i meant this (see the picture)     :)
Do you also know the code to do this (with different colors, by using color codes)?

thank you,

Tommy

P8iKH.png

0 Likes
Explorer
72 10 10

Using RichText, it seems not possible. RichText only gives bold, italic and add link options.
If you have specific color code for bold and italic text then we can do using CSS but we can not assign multiple colors for bold texts.

Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
New Member
6 0 0

Okay, let's say I want to use this color code:  #ffb6c1  
Can we highlight the text that I marked with this color code like it's done in the second picture?

0 Likes