Text Area Width - Columner Theme

zbtaylor1 / 2011-11-01 23:31:42   

I'm having trouble figuring out how to style the width of the text area in the columner theme.
Every CSS tag I've tried has failed, so I'm falling back on using div's directly in my text area input field (on the back end side of things), however this isn't the most elegant solution.

My site is www.zbtaylor.com

any suggestions?

lemathieu A / 2011-11-02 03:17:34   

Hello,
I think a simple width: 200px; (or whatever) on your #content in the style.css should do it.

zbtaylor1 / 2011-11-02 18:27:47   

That's what I thought, but this does not work.

Nor does adding width to #content p. I'm kind of at a loss

Vaska A / 2011-11-02 18:40:20   

"text area" or "textarea"?

Or, do you mean a paragraph?

Perhaps you need to style withing the #img-container as well...

  1. #content #img-container-p { width: 7000000000px; }
zbtaylor1 / 2011-11-02 18:54:36   

Yeah maybe I wasn't clear, I meant the width of the actual paragraph of text that is displayed within the exhibit.

Turns out the following is what worked, didn't realize I'd have to go so far up the div chain:

  1. #content #img-container #text {width: 200px}
sbeckmann / 2014-04-15 15:13:08   

I'm trying to do the same, increase the width area for the text, though I went to the style.css and I didn't saw it said anywhere
#content #img-container #text {width: 200px}

Maybe I'm missing something, can someone give me some ideas, thanks.

Vaska A / 2014-04-15 15:27:20   

#content was replaced with #exhibit for Indexhibit v2.

Make sure you pay attention to which version the discussion is about - this one is for old Indexhibit.

sbeckmann / 2014-04-15 16:30:38   

oh thanks, I'll pay more attention to that...

This is the most similar that I found, not sure if adding the padding section for text afterwards or if it has to do anything with the paragraphs section which I posted afterwards.

/* if the needed is to have different paddings in each region */
#index .container { padding: 25px 0px 0px 40px; }
#exhibit .container { padding: 30px 0px 0px 40px; }

/* paragraphs - for the most part */
#exhibit p, #ndxz-media p { width: 600px;
    margin: 0px 0px 5px 0px;
    position: static;
    line-height: 1.3em; }

Vaska A / 2014-04-15 16:49:34   

Can you show us where you are trying to do this on your site?

sbeckmann / 2014-04-15 17:12:45   

inside the galleries
photoassisting.com/project/angels-we-were/

I want to have more space for the text, so it doesn't look all squeezed

Vaska A / 2014-04-15 17:20:52   

Have you used the format options? You can find them in Admin > Format > Horizontal [options].

Nice work...and the site is looking great.

sbeckmann / 2014-04-15 18:29:07   

oh, that worked. Didn't knew about that option.

From those same options, can I do the same for the menu and the space between the top of the website and the first line of images?

photoassisting.com/project/

Vaska A / 2014-04-15 18:39:03   

Let's consider this thread resolved - can you ask that in a new thread please. Thanks.

This thread has been closed, thank you.