word wrap on category page ?

JimJoe · 2013-11-02 14:53:10

I realize it is probably in the style sheet, but I cannot figure out what to change.

Category entries on the category page word wrap at about column 15.

I would like to move that wrap over to column 40 or 45. Looks like I’ll have to remove two columns as well. File categories and Image categories at the top of that php page.

I found the txp_category.php page, and see how I can remove the columns at the top of the page I don’t use.

Only thing left is to widen the Article Categories column.

Thanks !

JimJoe · 2013-11-02 15:15:17

Ah, that centered the category list on that page.

How do I move it back over to the left side ?

Thanks.

uli · 2013-11-02 16:10:04

Don’t change anything in the .php files (revert any changes or replace by the original file!), do it in CSS instead. Choose the style sheet that belongs to your theme (textpattern/theme/your_theme_name/textpattern.css) and add this to the bottom of the style sheet:

.category-list .image,
.category-list .file  {
	display: none;
	}

JimJoe · 2013-11-02 17:00:19

Done, it looks much neater and easier to read now.

Thanks !

JimJoe · 2013-11-02 17:03:59

Sorry, I didn’t scroll down the entire category list. There is still some word wrap.

Is there a way to fix that for a category column width of 50 characters wide ?

uli · 2013-11-02 19:35:16

JimJoe wrote:

Is there a way to fix that for a category column width of 50 characters wide ?

None, I’m afraid. You can add some CSS declarations for .category-list td, again to the bottom of the style sheet:

.category-list td {
     white-space: nowrap;
     display: block;
    }

white-space: nowrap alone would make the layout too wide for the window.
display: block will then handle that by stacking the two lists on top of each other, both full width.

If you’re not happy with the stacking effect, try only the first declaration. But you’ll then probably have to scroll horizontally.

Edit: Second display value should also be block.

Last edited by uli (2013-11-02 19:43:47)

JimJoe · 2013-11-02 19:38:58

I will try that and report back on what happened.

JimJoe · 2013-11-02 19:44:12

With all 4 columns on the category list page, it still word wraps.

uli · 2013-11-03 15:59:30

I don’t quite understand: You still get four columns displayed with the above two rules or did you take out the display: none rule for .category-list .image/.file?

(Also: some Firefox versions need a -moz- prefix on the white-space property (i.e. -moz-white-space), and in Internet Explorers it doesn’t work at all.)

JimJoe · 2013-11-03 18:50:27

With the two above rules you suggested.

JimJoe · 2013-11-03 18:57:28

Without the display: none rule, and with all 4 ciolumns, word wrap is stil lthere. I don’t see the white-space in the css. Nor is it in the txp_category.php file.

uli · 2013-11-04 12:11:07

JimJoe wrote:

Nor is it in the txp_category.php file.

You can leave txp_category.php completely alone. This all can be done via CSS (given that you don’t have to use IE).

Without the display: none rule, and with all 4 ciolumns, word wrap is stil lthere. I don’t see the white-space in the css.

I can’t discover anything of what I posted in your stylesheets. Did you remove it again?

Textpattern CMS

Textpattern CMS support forum

#1 2013-11-02 14:53:10

word wrap on category page ?

#2 2013-11-02 15:15:17

Re: word wrap on category page ?

#3 2013-11-02 16:10:04

Re: word wrap on category page ?

#4 2013-11-02 17:00:19

Re: word wrap on category page ?

#5 2013-11-02 17:03:59

Re: word wrap on category page ?

#6 2013-11-02 19:35:16

Re: word wrap on category page ?

#7 2013-11-02 19:38:58

Re: word wrap on category page ?

#8 2013-11-02 19:44:12

Re: word wrap on category page ?

#9 2013-11-03 15:59:30

Re: word wrap on category page ?

#10 2013-11-03 18:50:27

Re: word wrap on category page ?

#11 2013-11-03 18:57:28

Re: word wrap on category page ?

#12 2013-11-04 12:11:07

Re: word wrap on category page ?

Board footer