robertjm

Actually, I was talking about the width (i.e.: length)

Sorry about that Erik. Guess I forgot that when I was dashing off that post. Here’s the link.

I widened the bar since I posted it, so the search box fits properly. However, we were hoping it would be narrower. If I get below 27% for the secondary bar’s area, it bleeds on the right.

Thanks for trying to help!

Robert

That did the trick! Thanks much.

Guess I didn’t think about you seeing the custom css. I’ll remember that for brevity’s sake next time. ??

Almost ready to mark this one resolved.

I’ve been able to get the text properly justified and to the width I want, with photos properly centered (photos on pages are different pixel densities which is why they’re displaying different sizes).

However, I’ve got one table, at the very top of the page, which is causing me trouble still.

Here’s the link to the page, once again.

If I set my custom plug-in CSS code this way I get the proper width of text and the photo is properly centered within the table. HOWEVER, the table is basically all the way at the left side of the page.

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

If I remove the !important, it centers the table properly on the page. However, it totally ignores the 500px limit, and the text is sprawled edge-to-edge.

For the life of me, I can’t see what I’m missing to get the desired width, and properly centered on the page. Below is the full custom CSS for the plug-in, in case that helps triage.

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

.tablepress-id-5 {
	width: 300px !important;
}

.tablepress-id-1,
.tablepress-id-2,
.tablepress-id-3,
.tablepress-id-4,
.tablepress-id-5,
.tablepress-id-6 {
	margin: 0;
	border: 0;
	border-bottom: none !important;
	background-color: transparent;
}

.tablepress-id-1,
.tablepress-id-1 tbody,
.tablepress-id-1 tr,
.tablepress-id-1 tbody td,
.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th,
.tablepress-id-2,
.tablepress-id-2 tbody,
.tablepress-id-2 tr,
.tablepress-id-2 tbody td,
.tablepress-id-2 thead th,
.tablepress-id-2 tfoot th,
.tablepress-id-3,
.tablepress-id-3 tbody,
.tablepress-id-3 tr,
.tablepress-id-3 tbody td,
.tablepress-id-3 thead th,
.tablepress-id-3 tfoot th,
.tablepress-id-4,
.tablepress-id-4 tbody,
.tablepress-id-4 tr,
.tablepress-id-4 tbody td,
.tablepress-id-4 thead th,
.tablepress-id-4 tfoot th,
.tablepress-id-5,
.tablepress-id-5 tbody,
.tablepress-id-5 tr,
.tablepress-id-5 tbody td,
.tablepress-id-5 thead th,
.tablepress-id-5 tfoot th,
.tablepress-id-6,
.tablepress-id-6 tbody,
.tablepress-id-6 tr,
.tablepress-id-6 tbody td,
.tablepress-id-6 thead th,
.tablepress-id-6 tfoot th {
	border: none;
	padding: 15px !important;
}

.tablepress-id-1 .row-1 td,
.tablepress-id-1 .row-2 td,
.tablepress-id-2 .row-1 td,
.tablepress-id-2 .row-2 td,
.tablepress-id-3 .row-1 td,
.tablepress-id-3 .row-2 td,
.tablepress-id-4 .column-1,
.tablepress-id-4 .column-2,
.tablepress-id-4 .column-3,
.tablepress-id-5 .row-1 td,
.tablepress-id-5 .row-2 td,
.tablepress-id-6 .row-1 td,
.tablepress-id-6 .row-2 td {
	text-align: center;
	border: none;
	background-color: transparent;
}

.tablepress-id-1 .row-3 td,
.tablepress-id-2 .row-3 td,
.tablepress-id-3 .row-3 td,
.tablepress-id-5 .row-3 td,
.tablepress-id-6 .row-3 td {
	text-align: justify;
	width: 250px;
	border: none;
	background-color: transparent;
}

.tablepress-id-1 th,
.tablepress-id-1 td,
.tablepress-id-2 th,
.tablepress-id-2 td,
.tablepress-id-3 th,
.tablepress-id-3 td,
.tablepress-id-4 th,
.tablepress-id-4 td,
.tablepress-id-5 th,
.tablepress-id-5 td,
.tablepress-id-6 th,
.tablepress-id-6 td {
	font-family: 'Open Sans', arial, serif;
	font-weight: 600;
}

Thanks!

Once I did the latter with the percentages, and increased my padding entry, it looks much better.

Just in time to redo the whole thing because the client wants to rearrange the people. ??

Is that percentage the percentage of the “primary” area of the theme’s page? If so, I may have problems when the images are smaller than the top shots.

I’ll leave this unresolved so you can respond and close it later.

Later,

Robert

Thanks for the quick response Tobias. I added that, though it didn’t have any impact to fix the issue.

Here’s a link to the page in question.

There are four different tables listed there. Only the top one currently has the bio information in it, which illustrates the problem I’m having.

LOL! Nothing to apologize for. My CSS is obviously rusty as I haven’t used it on a daily basis since CSS2. ??

Thanks for the help.