Ritual theme, I am trying to add a merchant seal to my footer but the CSS I have isnt doing anything

[ABdev1]

I have the the css code for a merchant seal trustmark that I am trying to add to the footer but when I add it to the custom css section in the footer editor nothing happens. What do I need to do? Domain is www. autobongs .com.

[tim_1]

How exactly are your doing this?
Any screenshots to share?

[ABdev1]

I cannot share a screenshot of the actual code but I am just copy and pasting it into the custom css sidebar not the code editor.

[tim_1]

I not interested in the code as such, rather where you’re trying to put it.
Then you can always edit out sensitive info, though I guess it will be visible to entire Internet when you install it anyway

Of course, “Custom CSS” is for CSS code only.
Try “Custom Liquid” section added to the Footer Group.

[Storefix.com]

@ABdev1

I have the the css code for a merchant seal trustmark that I am trying to add to the footer but when I add it to the custom css section in the footer editor nothing happens. What do I need to do? Domain is www. autobongs .com.

Adding the CSS alone won’t display the merchant seal. You also need to add the HTML or script code for the trustmark, since the CSS can only style an element that already exists on the page.

Place the HTML/script in Code Injection (Footer) or in a footer code block, then apply your CSS.

If you share the code snippet they gave you, I can help you place it correctly.

[Dan-From-Ryviu]

@ABdev1

www. autobongs .com.

If your custom code contains HTML code then please add code into Custom Liquid block.

[ABdev1]

[tim_1]

Yes, this is not fit for “Custom CSS” setting.

For this, add a “Custom liquid” section at the very bottom of your Footer section group and paste the code there.

And yes, this code will be visible to anyone interested once you publish it, so no reason to hide it.

[ABdev1]

Isnt code only visible if we have inspection turned on? We have an inspection blocker.

[ABdev1]

When you say to add a custom liquid section at the very bottom of the footer section group and paste the code there, are you referring to the footer section group in the code editor?

[tim_1]

I refer to “Online store”=> “Edit theme” (formerly Customize) and then scroll down to the “Footer” area, add a new section there, in theme editor (not code editor)

Of course, the code will not show on screen, but yes, one can inspect your site.

And sure, you do have inspection blocker and I’ve spent some time digging into how they can tell that I open Developer tools to display the warning plaque – first time I see that, so was intrigued.

But it literally takes a couple of mouse clicks to work this around:

[ABdev1]

This is very good for us to know thank you. Thats what I tried the first time and I pasted that code in and it didnt work for some reason.

[tim_1]

Hmm.
I do not see any seal code on your storefront.
Can you put it there as I suggested (and how you did it initially) and then it will be possible to tell why it’s not showing.

[ABdev1]

It wont even let me do that it just gives me all these errors.

[Dan-From-Ryviu]

Did you add code to a Custom Liquid? If you did, please try to remove the part contains <! - - ... - - > in your code and check again

[ABdev1]

I just copy and pasted the code into the box and saved it.

[ABdev1]

Removing those symbols did not help.

[Dan-From-Ryviu]

Did you add code to a Custom Liquid section?

[ABdev1]

Ah I see, so I tried that and this is the result, its supposed to be a clickable trustmark.

[Dan-From-Ryviu]

Please remove all this part of the code