[Resolved] Green Geeks Badge

[Mel]

Hi,
I am hosting my website https://vividwebdesign.com.au with GreenGeeks and want to add the GreenGeeks Badge to my footer widget. I followed their instructions but only on the homepage, the badge is showing with an ugly grey box around it. The other pages just show the pasted code with the grey box. I would like to get rid of the grey box, show the badge aligned centered and reduce the vertical space before and above the badge. Here is the code I am supposed to paste into the widget

<!-- GreenGeeks Seal Code -->
<div><a href="#" onclick="ggs_ggseal()"><img src="https://static.greengeeks.com/ggseal/Green_11.png"></a><script>function ggs_ggseal(){window.open("https://my.greengeeks.com/seal/","_blank")}</script></div>
<!-- End GreenGeeks Seal Code -->

Thanks
Mel

[David]

Hi there,

instead of using the Code block, use a HTML block to add your code.

[Mel]

Hi David,

Thanks, the HTML block worked. However, I would like to align the badge centered and reduce the space above and below it. How do I do that?

Cheers
Mel

[Fernando]

Hi Mel,

Can you point us to the specific location where this badge has been added?

Hope to hear from you soon.

[Mel]

Hi Fernando,
I added it to the footer widget 1 as html block, see code in previous my first post.
Thanks
Mel

[Fernando]

I see.

In Appearance > Customize > Layout > Footer, you can try reducing the bottom padding for the widgets.

Then, you also have two empty Paragraph Blocks inside the widget which is adding space.

As is, it already seems to be at the center horizontally. Are you trying to center it vertically?

Kindly let us know.

[Mel]

Oh, I tried to align it centered and didn’t realise that it worked as my page hadn’t updated. So that looks good now.

Thanks for the tip to reduce the bottom widget padding. Its just as I wanted it now.

Cheers
Mel

[Fernando]

You’re welcome Mel!

[Author]

Posts