Table in Tabs

[yustianevanParticipant]

http://www.zonatravelasia.com/wp/index.php/portfolio/pari-island/ Check this link, and below there are images of a table I made with table shortcode and table shortcode in tabs. Could you add a css code to show the border? I only managed to display the outer border only (attached image).

Add New Note to this Reply

[yustianevanParticipant]

No response yet?

Add New Note to this Reply

[ab-themesKeymaster]

Hi there,

sorry for keep you waiting,

you set tables as images. So, we add to that Tabs element new class in Advanced tab named table_border. (see the image in attachment)

Now you can add this code to your style.css

.table_border {
    border: 1px solid red;
} 

Just replace red with color you like and all image would have border.

Cheers

Add New Note to this Reply

[yustianevanParticipant]

Thanks.

Add New Note to this Reply

[yustianevanParticipant]

Sorry, this is not what I meant. Let me make it more clear,

http://www.zonatravelasia.com/wp/index.php/portfolio/pari-island/ look at this link once more.

I got 2 table below, 1 from image, and 1 from table shortcode in tabs. See attached pic. I want to make the table generated from your shortcode has border just like I pointed with red pen. The table shortcode has border, but if I insert the table in tabs, no border at all (problem).

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

ok, in your style.css file on line 6840 you have

.tcvpb-table td{
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	padding: 4px 20px !important;
}

please replace that with

.tcvpb-table td{
    border-top: 1px solid red;
    padding: 4px 20px !important;
    border-left: 1px solid red !important;
    border-right: 1px solid red !important;
}

And below that paste this code:

.tcvpb-table.table_border td{
    border-bottom:1px solid red !important;
}

.tcvpb-table.table_border td:first-child{
	border: none;
	border-top:1px solid red;
}

.tcvpb-table.table_border td:last-child{
	border: none;
	border-top:1px solid red;
}

.tcvpb-table.table_border td {
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !Important;
}

Please be sure that you add class named table_border in that section in Advanced tab.

I hope this help you :)

Cheers

Add New Note to this Reply

[yustianevanParticipant]

Hi,

As you can see, there’s no update to the table http://www.zonatravelasia.com/wp/index.php/portfolio/pari-island/

They only give the whole tabs a meaningless border.

.table_border {
    border: 1px solid #eeeeee;
} 

.tcvpb-table td{
    border-top: 1px solid #eeeeee;
    padding: 4px 20px !important;
    border-left: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
}

.tcvpb-table.table_border td{
    border-bottom:1px solid #eeeeee !important;
}
 
.tcvpb-table.table_border td:first-child{
	border: none;
	border-top:1px solid #eeeeee ;
}
 
.tcvpb-table.table_border td:last-child{
	border: none;
	border-top:1px solid #eeeeee ;
}
 
.tcvpb-table.table_border td {
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !Important;
}

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

unfortunately, what you ask for is a customization. We do not support customizations.

But, you don’t need to use our table, there are many table plugins for WordPress.

For example:

https://wordpress.org/plugins/easy-table/

https://wordpress.org/plugins/tablepress/

https://wordpress.org/plugins/ultimate-tables/

I hope this help you :)

Cheers

Add New Note to this Reply

[yustianevanParticipant]

That was not customization, it was a common use of table shortcode. Your theme didn’t display the table in tabs correctly.. But if you say it’s customization, ok no problem.

Add New Note to this Reply

[Author]

Posts