4 columns on footer

Posted in: Newspaper
Post count: 46

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!

Post count: 20688

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

Post count: 46

Yes am now able to design a page an use it as a footer…BUT this still seems to limit be to 4 columns.

Is there a way to have more columns, 5 or 6?

Post count: 20688

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

Post count: 46

This is helpful, thanks!

Post count: 46

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.

Post count: 46

continuation…

4. I have also noticed that after making the page a footer page. The sub-footer disappears. I would like to keep the sub-footer.

Post count: 20688

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

Post count: 46

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!

Post count: 20688

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

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.