tabs creation

Posted in: Newspaper
Post count: 156

Hello
We have tried very hard to find it but failed, could you please tell me where to create a tab block like this?
http://demo.tagdiv.com/newspaper/tabs/

we want to put it in hoempage

thanks

Post count: 156

ok, we have found it but design is very ugly like this

View post on imgur.com

how o make it like your default design as http://demo.tagdiv.com/newspaper/tabs/?

Post count: 7909

Hi,

The tabs shortcode was renamed by the Visual Composer developers from version 4.6 and unfortunately the css code from theme doesn’t apply on tabs block. I have add this on our to do list and we will try to adjust it in a future version of the theme. Until then please try this custom css in Theme Panel > Custom Css: http://pastebin.com/9TqhCnCMhttp://screencast.com/t/cmd7NiC8

Thanks!

Post count: 156

thanks for this and css code is working fine and now tab shows as your demo shows

Post count: 156

Hi
how to make tab menu on sidebar too?

we have been able to use Visual Composer to use “widgettised sidebar” to make a tab menu like below
[img]http://i.imgur.com/gVSlwZ2.jpg[/img]

but as how to make this tabed-menu sidebar to all inside page and categories “globally”? as so far now all inside pages still use normal sidebars and we found nowhere to make those widggets “tabbed menu”

Post count: 7909

Hi,

Unfortunately doesn’t exist a tabs widget, but you can create your tabs in a page and copy the shortcode in a text widget and place it in your sidebar – http://screencast.com/t/bkCKW7QIhttp://screencast.com/t/9c0Ssvayg Then set the sidebar for the template you want – http://screencast.com/t/ApzEwDB5mx
You may need additional customization as the tab was not designed to be used like a widget, so using the shortcode in a text widget may require some css customization.

Thanks!

Post count: 156

Hello

thanks, but only half working
My main purpose of all these are to show certain forum post on sidebar, which block’s filter seems not able to do it

live site http://www.hellouk.net/forums/

tab1 is working, because we use block 9, tab2 is not showing though because we choose widgetised sidebar?

here are snapshots

View post on imgur.com

View post on imgur.com

View post on imgur.com

Post count: 7909

Hi,

Unfortunately the Tabs element from Visual Composer is considered a complex element and it doesn’t support other complex elements like Widgetised Sidebar, you can add only simple elements, sorry!

Thanks!

Post count: 156

Hello

ok, no problem, let’s forget about “widgetised sidbar”, could you please tell how to make

View post on imgur.com

‘s number show in white like http://www.hellouk.net/ ?

note that one frontpage, we use Visual Composer to make those sidebar

Post count: 7909

Hi,

I cannot access your site – http://screencast.com/t/0susEIphkmX
Let me know when I can access your site.

Thanks!

Post count: 156

Hello

I have applied your custom CSS on for tab menu and it works great so far but I find that

View post on imgur.com

is too wide, could you please tell how to make areas arrow show narrow-er

thanks

Post count: 156

and it is much wider than space between normal blocks

Post count: 7909

Hi,

Every block has a bottom space so you can try to inspect this using the browser inspector tool to target those and remove the margin or padding bottom – http://screencast.com/t/YjorLPjnWmhttp://screencast.com/t/7UUGAF3tz2u
I suggest to hire a freelancer to do this for you if you don’t have basic css/html experience as the time doesn’t allow us to provide custom work at this time, sorry!

Thanks!

Post count: 156

Hello

I did try firefox to find those CSS and change it and also yours but not working!

I am not really asking for custom works but to ask how to make block distance become normal like others

View post on imgur.com

and as you said
“The tabs shortcode was renamed by the Visual Composer developers from version 4.6 and unfortunately the css code from theme doesn’t apply on tabs block”

what should I do to make tab menu block ‘s distance just “like your other blocks”

thanks

Post count: 22421

Hi,

You have that space because you use the blocks in Tabs so there is the default block bottom spance and it is added also the Tab space. Please try this css and see how it works out:

.vc_tta-container .td_block_wrap, .vc_tta-container .vc_tta-panel-body {
padding-bottom: 0px !important;
}

Google chrome’s inspector is much better at these tasks and you can use a chrome extension to test your css called “live css editor”. it’s easier that way.

Thank you!

Post count: 156

works now, thanks millions time 🙂

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