bghareeb

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Forum: Fixing WordPress
    In reply to: Vertical Text Alignment Issue with TablePress
    Thread Starter bghareeb

    (@bghareeb)

    11 years, 8 months ago

    Thanks for the response Tobias.

    I found a similar table that uses TablePress that seems to be fine, is there a way to figure out how it worked there? Here’s the link.

    Forum: Plugins
    In reply to: Searching a plugin for a gift registry / wishlist application
    bghareeb

    (@bghareeb)

    11 years, 9 months ago

    Hey seobuzzim, sorry for writing here but I wasn’t sure how else to get in touch with you. I am having issues with rotating header text on a table using TablePress. Can you send me the ‘Custom CSS’ code you used for your ‘disinfectant’ table?

    I got my text to rotate 90 degrees but it isn’t aligning with the columns below:

    http://kuwait-gyms.com/?page_id=21

    I started a thread here for my issue.

    Thanks!

    Forum: Fixing WordPress
    In reply to: Vertical Text Alignment Issue with TablePress
    Thread Starter bghareeb

    (@bghareeb)

    11 years, 9 months ago

    Sure, this is the code from the ‘Custom CSS’

    .tablepress-id-1 thead span {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
	height: 100px;
	text-align: center;
}

.tablepress-id-1 .column-1 {
	width: 65px !important;
}

.tablepress-id-1 .column-2 {
	width: 95px !important;
}

.tablepress-id-1 .column-3 {
	width: 35px !important;
}

.tablepress-id-1 .column-4 {
	width: 35px !important;
}

.tablepress-id-1 .column-5 {
	width: 35px !important;
}

.tablepress-id-1 .column-6 {
	width: 35px !important;
}

.tablepress-id-1 .column-7 {
	width: 35px !important;
}

.tablepress-id-1 .column-8 {
	width: 35px !important;
}

.tablepress-id-1 .column-9 {
	width: 35px !important;
}

.tablepress-id-1 .column-10 {
	width: 35px !important;
}

.tablepress-id-1 .column-11 {
	width: 35px !important;
}

.tablepress-id-1 .column-12 {
	width: 35px !important;
}

.tablepress-id-1 .column-13 {
	width: 35px !important;
}

.tablepress-id-1 .column-14 {
	width: 35px !important;
}

.tablepress-id-1 .column-15 {
	width: 35px !important;
}

.tablepress-id-1 {
	table-layout: fixed;
	width: 875px;
}

border-collapse: collapse;
td {
	border: 1px solid;
}

#main .tablepress-id-1 .column-1,
#main .tablepress-id-1 .column-2,
#main .tablepress-id-1 .column-3,
#main .tablepress-id-1 .column-4,
#main .tablepress-id-1 .column-5,
#main .tablepress-id-1 .column-6,
#main .tablepress-id-1 .column-7,
#main .tablepress-id-1 .column-8,
#main .tablepress-id-1 .column-9,
#main .tablepress-id-1 .column-10,
#main .tablepress-id-1 .column-11,
#main .tablepress-id-1 .column-12,
#main .tablepress-id-1 .column-13,
#main .tablepress-id-1 .column-14 {
	vertical-align: middle;
	text-align: center;
}

#main .tablepress-id-1 .row-1 td {
	font-weight: bold;
	vertical-align: middle;
}

.tablepress thead th,
.tablepress tfoot th {
	background-color: #f0f0f0;
}
Viewing 3 replies - 1 through 3 (of 3 total)