Tabs in footer?

Posted in: Newspaper
Post count: 42

I use a tabbed content element in home page and i’m thinking of moving it to the footer.

Is this possible?

Post count: 6600

Hi,

Yes it’s possible, you can add the tabs using shortcodes in a text box widget from Appearance > Widgets and place them in the footer like this: http://screencast.com/t/9OV7RSZAAJc
You can set the tabs using page builder like this: http://screencast.com/t/pzwTmoqHZ
Then switch tio Classic Mode and get the shortcodes for it like this: http://screencast.com/t/kqJHJOwniV5B
You should get a result similar to this: http://screencast.com/t/tsB6qnAsHN
Also you can set footer layout from Theme Panel > Footer Settings like this: http://screencast.com/t/Z0uMf9FTR3

Hope this helps!
Thanks!

Post count: 42

Lucian thanks for the quick reply.

I have tried what you told me, but i have a little problem.

Check this http://kaskarino.cz.cc/homepage/ (it a test site)

In content area the tabs work perfectly. The first one is a social counter and the second one is raw html. I copied the shortcodes and i put them in text box in the 2nd footer, but although it seems to work, 2 strange characters (>) appear around the title of the first tab (SOCIAL MEDIA). I can’t understand why this happens.

Any advice?

Post count: 6600

Hi,

Please add this custom css in Theme Panel > Custom CSS:

.td-footer-wrap .widget_text ul {
list-style: none;
}

The text widget list have that style applied and it’s affecting the tabs too.
The css i gave you should solve this.

Thanks

Post count: 42

Lucian thanks. It worked like a charm.

What is the css code to remove the bullets, in case i decide to move tabs to sidebar?

Post count: 6600

Hi,

If you want to remove them from each text widget with tabs use the css:

.widget_text .wpb_tabs ul {
list-style: none;
}

Thanks

Post count: 42

Thanks man

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.