[KevinParticipant]

So I’m trying to use a small widget footer at the bottom to enable me to create a small piece of HMTL to allow me to show a horizontal list of images that I was going to use as my social media links but have no idea how to go about doing it….. to show what I mean, I have taken a couple of screenshots of what I’m looking for:

If anyone could help out in any way i’d much appreciate it.

Regards,

Kevin

[RadModerator]

Hi there,

Thanks for posting in!

Would you mind providing a url address too?

For the mean time, you can add HTML code at your top bar content ( Admin > Appearance > Customizer > Header > MISCELLANEOUS > Enable Top Bar and Topbar Content). This should allow you to use those inline icons with html, then just align them center.

For the footer, you can enable footer widget at Customizer > Footer > Footer Widget Areas > One then add a Text widget with your HTML at Admin > Appearance > Widgets > Footer Sidebar. And align them at center too.

Cheers!

[KevinParticipant]

Yeah, it’s the actual HTML bit I’m struggling with. I have the footer widget area set up, but not sure of the code to get them inline and nice a snug together like the pictures.

The URL is

http://www.indigo-music-management.com

[Kosher KMember]

Hi There,

As I can see on your site, you have already added the icons at the footer.

If you want to adjust their spacing.

You can add this code in Customizer -> Custom -> CSS

#text-3 {
max-width: 450px;
margin: 0 auto;
}

Just adjust 450px to adjust the spacing.

Hope that helps.

Have a great day

[KevinParticipant]

Hi there…. I dont seem to be able to access that inside my dashboard.

[MrinalMember]

Hi There,

X theme Customizer is here: Dashboard > Appearance > Customize

[KevinParticipant]

Please ignore the last email…. Doh! Have fixed that now. Thanks so much for you help!

[MrinalMember]

You’re Welcome! Have a nice day, Cheers!

[KevinParticipant]

So after a while i have only just noticed that these don’t seem to sit in the middle of the page. They seem offset. Is there any way to get them to sit directly centre, whilst staying that way for responsive design.

As shown below:

[Nabeel AModerator]

Hi again,

Have you enabled the coming soon page? Please disable it so we can view your website.

[KevinParticipant]

Apologies, that’s it disabled now.

[Nabeel AModerator]

Hi there,

Thank you, Yes now we can view it. Please add this CSS code via Appearance > Customize > Custom > CSS:

.widget_text .textwidget ul {
margin: 0 0 1.313em 0 !important;
}

Let us know how this goes!

[KevinParticipant]

Yes this looks to have worked. Thanks again for your ongoing support.

[MrinalMember]

You’re welcome.

Have a nice day, Cheers!

[Author]

Posts