hi everyone! I appreciate your help on this. How do I make the . become a different colour? The dot inside the black square.. I only want the . to become a different colour example green colour [Untitled.png] This is my website link https://theimpossiblesauces.com/ Thank you

Replacing the custom html with the below should fix that: .slideshow__text.banner__box.almo {max-width: var(--page-width) !important; margin: 0 auto; background-color: transparent;} .ss-inner {background-color: #fff; width: 100%; height: 100%; padding: 75px;} .banner__text {margin-bottom: 30px;} @…

You would need to add span tags around the dot. For example it would look like this: Welcome to the I.mpossible Sauces Factory The other (not so good?) option would be to add that section as an image instead of text.

OK for first solution can u help show me where to add the solution pls ? As in which section etc etc Sorry i am a newbie to this. Tqvm !

I would add it wherever you added the existing text. Just replace what you have with the example I provided above. You may need to add it as a Custom HTML block. If you can’t get it work please include a screenshot of how you have added the existing content.

Hi sorry unable to make it work… i cannot find the existing content in the Edit Code section I added the information through here… pls help thank you [Untitled.png]

Give this a try: In the left column select Add Section > Custom Content Hide any of the existing blocks that are added to the Custom Content section In the Custom Content section click Add Block > Custom HTML In this block paste the below: [image] Welcome to The I.mpossible Sauces F…

hi I managed to do it but i have 2 issues how do align it middle? [Untitled.png] for mobile view it becomes like this.. how do i fix this? [Untitled2.png]

Try replacing all of the code in the custom HTML block with the below: .slideshow__text.banner__box {max-width: var(--page-width) !important; margin: 0 auto; background-color: transparent;} .ss-inner {background-color: #fff; width: 100%; height: 100%; padding: 75px;} .banner__text {margin-bottom: …

hi that worked great! but i think it affected another part of the design… the description i circled in black had a different colour background so that i can read the words.. like a bubble i tried changing the Colour Scheme on the right side but cannot.. hope i make sense… thank you [Untitled.p…

yes fixed it! thank you so much for your help

How can I change the color of a specific element on my website?

Technical Q&A

njlee November 8, 2022, 9:45am 7

I managed to do it but i have 2 issues

how do align it middle?

for mobile view it becomes like this.. how do i fix this?

Topic		Replies	Views
Create a colour block around custom HTML text Store Design	1	59	September 22, 2022
Changing the color of a current word Shopify Discussion shop-performance	6	51	July 12, 2024
How can I change a specific word's color in a text? Store Design customizations	13	82	June 11, 2024
How can I change the color of specific characters in my headings? Store Design design , header , customizations , landing-page , css , third-party-themes , shopify-themes , troubleshooting , html , product-page	5	40	January 30, 2024
How to change the color of specific part of section heading? Store Design design , customizations	6	48	November 28, 2023

How can I change the color of a specific element on my website?

Related topics