Add image to widget sidebar

Hi @coleenh, what HTML code you try to add in the widget?

Hi Romik, thanks for responding. I’m trying to add an image above the donation button. I also want to change the font color and family. I know how to do that in CSS, but I’m having trouble isolating the sidebar widgets so that only the left (Sidebar 2) is changed. The Html code for the donation button works perfectly, but I also wanted to add an image above it, which I am having trouble getting to display. The code is:

<figure class=”wp-block-image”><form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post” target=”_top” style=”color:#0200a1;”>
<input type=”hidden” name=”cmd” value=”_s-xclick”>
<input type=”hidden” name=”hosted_button_id” value=”NESAE89WNTBSW”>
<input type=”image” src=”https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif&#8221; border=”0″ name=”submit” alt=”PayPal – The safer, easier way to pay online!”>

</form></figure>

It does display the figure now (have never used figure in straight HTML, but I guess that’s the format for WordPress?) BUT…I want the donate button to display over the top of the image. I know that can be done using CSS, but for the life of me I am having a difficult time with finding WHAT class to put it in for the Sidebar widget.

Any help on the correct class to put the CSS for the font color and styling for sidebar two would be greatly appreciated.

I got the image to display correctly, but not the text that goes above it. This is VERY frustrating. Any help to get the widget sidebars customized would be greatly appreciated. Thanks in advance.

You need to use div not span to center it, if you meant that:

<div style="text-align: center;font-size:.9em; color:#0200a1;
    font-weight: Bold;
    font-family: Segoe Script, Lucida handwriting, brush script mt, Script MT Bold, 
    monotype cosira, Apple Chancery, comic Sans MS Italic;">Click here to donate</div>

Thanks. Do you have any idea what class in the CSS to use to change the title font in the widget side bar? That widget title css is driving me crazy!

If you need to change the widget title font you can change it under Customize -> Typography -> Widget -> Widget Title Font

Thanks, I’ll try…tomorrow, it’s 12:30 am here, time to get some sleep. Thanks for the help, it is very appreciated.

Thanks for the help. Okay, one final question… I want to use that page as the ‘template’ for ALL of my website pages. In .Net, we called that the framework, the initial frame for the entire website. How do I keep the format that I have created for that page across EVERY page, and ONLY change the content of each page, without having to copy all of the formatting (both HTML and CSS) to each and every new page that I create? Thanks in advance for your help.

if you mean design settings like colors, sidebar layout it will be used on the all website if you don’t create some special custom post types ??

Thank you!