Footer Widgets not centered and Footer area not coloured like demo

Hi Alexandra, I’m glad you’re enjoying Sela!

The three items in my footer (widgets) are not aligned in the middle directly underneath the title. If you compare to Sela Demo website it looks like mine have moved to the left. My website is http://www.shanlysapron.com

If you’d like to center your tex widget content you can do that. For example, wrap your Contact Us text widget content in a div:

<div style="text-align: center">
Your content here
</div>

Let me know if this accomplishes what you’re after or if you need further help.

Finally, footer area in my theme is white like the colour of website body but in the demo is grey. I like to give it a bit of colour, how can I do this please?

Did you get this sorted out? I don’t see any white background in either your footer widget area or the footer credits area:

If you use a browser inspector to right-click the footer widget area, you’ll find the relevant CSS here:

.footer-widget-area {
    background-color: #fafafa;
    border-top: 1px solid #eee;
    padding: 3em 4.661% 1.5em;
}

That means you can override the background colour with something like this in your child theme:

.footer-widget-area {
    background-color: #bb00bb;
}

I’m not sure why your widget code isn’t getting saved, but if you just add some centering to what you have now, that should do it:

<p style="text-align: center"><span style="font-size:17px;">Email:info@shanlysapron.com
Telephone: 0785 037 2589</p>
<p style="text-align: center"><span style="font-size:17px;">Classes take place in:
Cook Manchester, 476 Chester Road, Manchester M16 9HE</span></p>