I need tanzaku theme post-width help

Mr. Dynamite
(@mr-dynamite)

14 years, 10 months ago

Hey, with the Tanzaku theme, the width of post pages is too wide to comfortably read. I know adding photos will narrow the text, but with posts in which I do not include pictures, the text is too wide. Also, if I add an image that is blank, sure it will push the text to the right (or left) but it looks…not cool, all that blank space on one side. I tried adjusting the margins by editing the CSS, and it worked, but when I did that, the main page blocks/posts, whatever you call it (don’t know this stuff well) have like one word per line. How can I add margins to the pages without altering the margins in the boxes on the main page? I hope this was clear.

Viewing 14 replies - 1 through 14 (of 14 total)

mlam
(@mlam)

14 years ago

Did you ever find a solution to this? I am having the same problem.

cliersch
(@cliersch)

14 years ago

i resolved that using the Column-matic plugin, using a multicolumn layout. looks nice, works fine.
another possibility might be to add a width for <p> in your css, maybe using the classes ‘single-item’ or ‘post-body’. But I have not tried this up to now.

mlam
(@mlam)

14 years ago

Thank you. I was able to resolve it by setting the single-wrapper to max-width: in the css. It was a good fix but I have a different issue now. The sidebar2 at the bottom is losing it’s formatting in Safari and Chrome. But it looks fine in Firefox and I/E. Any help on this?

WPyogi
(@wpyogi)

14 years ago

Inconsistent browser problems are usually due to mark-up or CSS errors — so try Validating your site.

It’s impossible to give any more specific help unless you post a link to your site.

mlam
(@mlam)

14 years ago

My site is http://worktolivedaily.com.

Thanks for any help on this!

WPyogi
(@wpyogi)

14 years ago

As I suggested, you have several CSS errors — see the parse errors on lines 309, 311, 364:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.worktolivedaily.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

mlam
(@mlam)

14 years ago

Sorry, I’m really new to wordpress. What does parse error mean and how do I fix it.

I am also having trouble with line breaks and formatting when I post. I’ve read the forums and downloaded tinymce etc…but it’s still deleting the line breaks and my video embeds are not taking.

mlam
(@mlam)

14 years ago

by the way, thanks SO much!
WPyogi
(@wpyogi)

14 years ago
TinyMCE has known problems — try using the plugin CKEditor — it evidently is better.

Those errors are due to extra or backwards brackets — these {} in this section of code:
```
div.post-body p img,
div.post-body p object {
	max-width: 100%;
{
padding: 0 20px;
}	

}
```
mlam
(@mlam)

14 years ago

yes, I fixed the css codes and it worked!! thank you!! thank you! Now on to the editing problem. I will give CKEditor a try.

mlam
(@mlam)

14 years ago

I downloaded CKEditor and it seems to be slightly better. However now my posts won’t ‘schedule’ – it just stays in draft mode and won’t save any of the tags that I inputted.

The amount of time formatting a post correctly is mind numbing. I came over from Posterous which is simple and no frill to this nightmare of plugins and more plugins…and problems with the simplest and supposedly most intuitive things….juat to have a fancier site….ugh, so frustrated!

alessionardi
(@alessionardi)

13 years, 11 months ago

sorry, completely newbie. mlam, could you explain a bit more in details how you fixed the width of posts?
Thanks!

alessionardi
(@alessionardi)

13 years, 11 months ago

Just seen your website mlam, looks great! Tried to copy all the fixed width you put on
I saw 5 in total from the link you posted
(http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.worktolivedaily.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en)

Still have no fixed width 🙁

I’m using the css editor built in the new WP release if it can matter? (appearance – editor – stylesheet)

mlam
(@mlam)

13 years, 11 months ago

Here it is on my css stylesheet:

#single-wrapper {
margin : 0;
padding : 10px;
padding-top : 1000px;
max-width : 780px;
}

I inserted ‘max-width: 780px; to #single-wrapper

I hope this helps.