Tab style Comment

Posted in: Newsmag
Post count: 15
theankhlife
#48072
May 7, 2015 at 7:03 pm

I need help with setting up a tab style with css like this here. something like this http://deco-pbtz.blogspot.com/2013/11/sample-post-with-links-paragraphs-and.html

we just want wordpress and facebook comment for now, please help..

Post count: 7909
Alin [tagDiv]
#48210
May 8, 2015 at 1:18 pm

Hi,

You can add an extra class to your tab block – http://screencast.com/t/PNWF9w1hSF

And modify it via custom css: http://screencast.com/t/JOPUmebw

.test.wpb_tabs .ui-tabs-nav .ui-tabs-active a {
color: white;
background-color: red !important;
}
.test.wpb_tabs .wpb_tabs_nav li {
width: 20%;
}
.test.wpb_tabs li a {
padding: 10px !important;
font-size: 18px;
}

Thanks!

Post count: 15
theankhlife
#48329
May 9, 2015 at 5:50 pm

Thanks for your response, I think that method is with the widget, it would be too much of an hasle to put an widget on every post, we wanted to do that in the footer code where the wordpress comment system is. if you can point us in the right direction we will go in an make the necessary changes.. thanks and Cheers!!

Post count: 7909
Alin [tagDiv]
#48430
May 11, 2015 at 11:02 am

Hi,

Please create your tab block in a page – http://screencast.com/t/qYESfNAcj8 copy the shortcode – http://screencast.com/t/ndjZ6C9ni and use do_shortcode function to display it in the post template file(if you want to replace default comments in single – default post style) – http://screencast.com/t/ntYbQUfvP

echo do_shortcode('your shortcode')
Result: http://screencast.com/t/dnhEnM4rs

I have checked this using blocks, you can use plugins shortcode instead of block shortcode – http://screencast.com/t/IFlq3eidE

Thanks!

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