Hi there,
I’m nearly done with ‘designing my own website’ but keep struggling with the final pieces. Before asking my question I’ll explain the purpose of the site to clarify my question. Two friends and I are doing a charity rally from Amsterdam to Dakar to raise money for a charity in Senegal. In order to raise money we’re setting up this website. To make it more interesting for business to donate to our ‘rally team’, we wanted to a little bit of advertising for the companies at the bottom of the web-page.
I was thinking to do this by creating putting the companies their logo’s in the footer area, each linked to the website of the company (currently you see 5 circles in the area, I want it to look somewhat like this). To do this, I think, I would need to put multiple images in the footer area each with a different link attached.. but I’ve no clue how to do this (and I can’t find anything on the webz).
If it’s not possible to place multiple images in the footer area, I thought that placing a slider might be a solution. However, again I have no clue on how to do this.
Can anyone help me with this, or does anyone have a better approach for this problem?
Thanks a lot,
Rutger
Hi Rutger
Sure.
Head to Appearance > Widgets. There you’ll have a few options. The footer will split into columns as you add widgets. My recommendation would be to use the Visual Editor widget. To get access to this widget first install the following plugin: http://wordpress.org/plugins/black-studio-tinymce-widget/.
The Visual Editor widget has an Add Media button as well as a link button. You can then decide if you want to add all your images in one widget or use a widget per image. I’d first try doing it with one widget per image.
Hope that helps.
Hi Andrew,
Thanks a lot, it worked. I used different widget for every image because it turned out to be easier. I’ve to follow-up questions:
1. When I load the website on my iPhone it automatically adjusts the header/body of the website to the screen measurement of the iPhone. However, the footer doesn’t adjust and all the images are stacked vertically instead of horizontal. Any clue how to change this?
2. Is it possible to position the footer at the bottom of the screen instead of the bottom of the web page. So the footer follows you when you scroll up or down on the page?
Thanks a lot,
Rutger
For sure.
1. This is unfortunately default responsive behaviour that you’ll see most websites use. There isn’t an easy way to alter this for the footer in particular. You could turn off responsiveness under theme settings and Theme Settings > Layout and Page Builder responsiveness under Settings > SiteOrigin Page Builder.
2. Vantage unfortunately doesn’t have a sticky footer option. It’s not something that can be easily added on from a support perceptive.
Sorry I don’t have more here.
All right, you guys have been a great help so far anyway. Thanks again for all the help!
For sure. All the best with your site.
I’ve another follow-up question. I want to add Text Widget to the footer area with our contact information. When I do this, this widget is being horizontally aligned with the other widgets. However, I want to it to be placed under the other widgets (basically like you can organise the widgets with page builder on normal pages). How do I do this?
Kind regards,
Rutger
Hi Rutger
Please try the following under Appearance > Custom CSS:
/* Vantage Footer Vertically Stack Widgets */ #footer-widgets .widget { margin-bottom: 30px; width: 100%; }This CSS code is vertically stacking all the widgets. I want to horizontally stack all the Visual Editor widgets and underneath all these widgets I would like to place one Text Widget with contact information.