Hello,
I started customizing the theme from zero-did not use a demo.
But I would like my footer to appear like the default demo. I can see that footer style 5 was used on the demo, but this has 3 columns above the about us section… I would like to have 4 or 5 columns above this section.
How can I achieve this?
Thanks!
Hi,
The footer can have a maximum of 3 columns at all times
– https://forum.tagdiv.com/footer-templates/
All the footer templates are based on this limitation. You could however display a page in the footer created anyway you like, with any row layouts
– https://www.screencast.com/t/QyYHYPguke
– https://www.screencast.com/t/oD2LhfFq07S
Thanks
You could split the row in 4 columns initially, then using inner rows split each column further if needed, depending what you want to display in them
– https://www.screencast.com/t/iwOxELUMfyIf
Rows can be stretched as well – https://www.screencast.com/t/j3wLQatnu6u
Thanks
I have managed to set up a page to act as my footer.
1. The page has 1 row in it, but I have noticed that there’s white space both above and below the row–>https://ibb.co/dO79om ..region marked with the X. How can I get rid of this white space and have only the row I have added appear on the footer. I tried adjusting the padding from the row css tab but this does not give me a clean result across all devices.
2. I would also like the social icons to appear formatted exactly as on the footer of your website. But have it appear vertically like on this website–> https://ibb.co/b1ybZR
PS: I tried using the browser inspector but I cant make it work.
3. From the same example, I would also like to know how to add the vertical borders appearing before each column?
Thanks.
1. I could take a look if you can provide a link to the page. I will give you a solution to remove that space.
2. So you want them to be vertically, I could try to give you a code to align them like that, as well a link to the website will be very helpful.
3. You could edit the page and set the border left there, for each column
– https://www.screencast.com/t/OkK6aO1HGQ
4. Indeed the sub-footer will not be displayed when a page is selected to display in the footer. There is no setting to change this behaviour. It could only be enabled with a modification in the code if required
– https://www.screencast.com/t/kZKBvLg8vMy
This might change in further updates, an option could be added to be able to choose.
Thanks
1. I’m developing the site on a local server (WAMP) so can’t provide a link at the moment. But generally if you create a new page, and add a row to it. Then give that row a background color, there’ll be space above and below the row. those are the spaces i would like to get rid of.
2. Cant provide a link because of the reason mentioned above. If you can create the social icons on a clean install, then you can give me the steps. I did not use any demo.
3. Thanks.
4. Alright, no problem. I will have to create the entire footer using a page then.
5. Additionally…I assume the footer of this website (tagdiv) was created using a page since I cant find any style that matches it. Is it possible to give me the code for the page?
Thanks!
Hi,
1. That would be the padding top and bottom the theme ads for the page content
– https://www.screencast.com/t/TOWokeMYFOcI
You could remove that if needed, with a code like this
– https://www.screencast.com/t/Ivz6NFtO1jW
.td-main-page-wrap {
padding-top: 0;
}
.td-main-content-wrap {
padding-bottom: 0;
}
2. The social icons element will display the icons horizontally, one after the other
– https://www.screencast.com/t/hGiKcbN2
There are a few design styles available in the style tab, but not to align them differently.
5. The footer on this website is not a page, it is created custom. In the theme you can either use footer templates
– https://forum.tagdiv.com/footer-templates/
Or design and set a footer page containing any element you want, since this is possible now.
Thanks