This is what your code looks like once it's copied and pasted in its' original format:
Here are the extra snippets of code you can add to your HTML widget to improve the placement:- Force the banner to drop down a line space = <br>
- Change the alignment from default to center = class="aligncenter"
- or... Change the alignment from default to right = class="alignright"
Insert these snippets of code into your custom HTML widget as shown below:
- add as many<br> as you need to get the right spacing between the banner and any other widget above it. (I find it easiest to have my website open in a second tab, and just refresh the page (F5) after saving the widget... to quickly check how it all looks).
- insert the code for alignment after the <img. Make sure there is a space before and after the code you have pasted.
- Save and preview your website.
Voila! Here's what mine looks like...
Be sure to check out the next page for my quick and easy cheat to make customized HTML widgets of your own!
Join the Discussion
Write something…
rileyroman
Premium
Thanks for this, great to have an understanding of how to do this, it's still " greek" to me :))
HennieSteyl
Premium
Great piece of training Karen. Bookmarked it for use very shortly. Thanks a stack.
Hennie
Hennie
KayWinkler
Premium
Hey KD Forsman, good training. I just overflew it as I already knew something about it. But still, very helpful for many people I believe.
Cheers,
Kay
Cheers,
Kay