Footer spacing & inserting image

Hello. I'm putting together a site using Blackbird Pro and I have a couple of questions..

1: How do I get the 3 footer widgets to be of equal width and also align with the 3 featured areas above? Currently the positioning and size looks odd (see screenshot)

2: I have added html to a text box in the 3rd footer widget with the aim of displaying a linked image but I cannot get it to work. What am I doing wrong?

The website is johnlockeacademy .co.uk

 

Hello,

1. Go to the sidebar-footer.php file present in your theme directory and follow the instruction shown in the image given below.



This will make the three footer widgets of equal width.


2. Go to the Appearance > Widgets panel in your dashboard and
drag & drop Text Widget in the Third Footer Widget Area and after that paste the
code given below in the content area of that text widget.

Code:

<a href="Enter the link address here"><img src="Enter the URL address of image here"></a> 

This will solve your issue.

 

Hi Piyush. Thanks for your reply. I have already tried both of those.

1: The footer widget areas are not aligned with the 3 featured sections (yellow circles) immediately above so the page looks wonky. Is there a way I can line these up better?
2: I have the following html inserted in the 3rd footer widget area
<a href="http://www.elliotfoundation.co.uk"><img src="http://www.johnlockeacademy.co.uk/?attachment_id=34"></a>
The link works but the image fails to appear. I've tried using small jpg & png images but cannot get them to appear.

Your help is appreciated.
James

 

Hello,

1. Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.footer .widget_inner {
margin: 0 15px 15px 37px;
text-align: center;
} 

You can adjust the value of "margin" as per your requirement.

2. Go to the Appearance > Widgets panel in your dashboard and
drag & drop Text Widget in the Third Footer Widget Area and after that paste the
code given below in the content area of that text widget.

Code:

<a href="http://www.elliotfoundation.co.uk"><img src="http://www.johnlockeacademy.co.uk/wp-content/uploads/2014/04/tef-logo-trans.png"></a> 

This will solve your issue.

 

Brilliant, that's worked! Thanks for your help.