I have a page forced to "journal", that is 100% text (klarphotography.com).

I want to have the "album description box" (where the text is located) wider and centered.

I've found several flavors of code to do so, but none are working - all make it wider, but by forcing the "box" to increase in size to the right.

how do you center the box? get the left margin to budge?


(I'm using Allen's "journal" code to create the page.)

thanks,
matt

You are much more likely to get help if you post a complete link to the page you are asking for help with.

Originally Posted by jfriend You are much more likely to get help if you post a complete link to the page you are asking for help with.

here you go:

http://www.klarphotography.com/gallery/7487142_gNedY

how do you get it to center?

Originally Posted by utahlefty here you go: http://www.klarphotography.com/gallery/7487142_gNedY how do you get it to center?

Hmmm, this page is not forced to journal. It's in the Smugmug viewing style for me and I even see the photos below your HTML text. I can help you, but the solution would be different if you mean for it to be journal so I'll wait until you set the gallery style.

waving you off now - I got a reply from "help"

it seems the Journal style is width-limited. to increase the width, float, and center you have to force the style to something other than "journal".
"smugmug" works fine.

matt

Like John said, which one of your galleries? Framing gallery is the only one
that looks wider.

Originally Posted by utahlefty waving you off now - I got a reply from "help" it seems the Journal style is width-limited. to increase the width, float, and center you have to force the style to something other than "journal". "smugmug" works fine. matt

You can control the journal width with CSS if you want.

Originally Posted by utahlefty waving you off now - I got a reply from "help" it seems the Journal style is width-limited. to increase the width, float, and center you have to force the style to something other than "journal". "smugmug" works fine. matt

No your don't, just need to add CSS to increase width something likie this.

.gallery_7487142 #journal,
.gallery_7487142 #albumDescription {
margin: 0 auto;
width: 950px;
}

But do you realize how hard it is to read very longs lines of text.

Originally Posted by Allen Like John said, which one of your galleries? Framing gallery is the only one that looks wider.

Allen, I switched the style from journal to smugmug, which allowed the CSS to widen and center - solving that problem.

how do you hide the photo in smugmug ? (your journal-hide-photo code doesn't do it on smugmug style)

thanks

matt

Originally Posted by Allen No your don't, just need to add CSS to increase width something likie this. .gallery_7487142 #journal, .gallery_7487142 #albumDescription { margin: 0 auto; width: 950px; } But do you realize how hard it is to read very longs lines of text.

now I've switched it back to "journal" and decreased the width to 750px.

the code above is exactly what is currently in my CSS - it appears not to center in journal. it will center in smugmug sytle, but the pics can't be hidden.

seems I need to choose one or the other ;)

Originally Posted by utahlefty Allen, I switched the style from journal to smugmug, which allowed the CSS to widen and center - solving that problem. how do you hide the photo in smugmug ? (your journal-hide-photo code doesn't do it on smugmug style) thanks matt

Change .journal_entry to #photos

.notLoggedIn .gallery_xxxxxxxx #photos {display:none;}

Hiding others things is probably different also.

Originally Posted by utahlefty now I've switched it back to "journal" and decreased the width to 750px. the code above is exactly what is currently in my CSS - it appears not to center in journal. it will center in smugmug sytle, but the pics can't be hidden. seems I need to choose one or the other ;)

This seems to work.

.gallery_7487142 #albumDescription { 
    width: 900px;
    margin: 0 auto; 
                             /* gap from navbar at top */
    border: 1px solid #FFAA00;
    background: #242424;    /* background of description box */
    padding: 20px 20px 20px 20px;    /* top right bottom left */
}                                    /* spacing inside box from edges */

.gallery_7487142 #journal { 
    width: 900px; 
    margin: 0 auto;
}

Originally Posted by Allen This seems to work. .gallery_7487142 #albumDescription { width: 900px; margin: 0 auto; /* gap from navbar at top */ border: 1px solid #FFAA00; background: #242424; /* background of description box */ padding: 20px 20px 20px 20px; /* top right bottom left */ } /* spacing inside box from edges */ .gallery_7487142 #journal { width: 900px; margin: 0 auto; }

it does seem to work ! I can't say I understand how but it does.

thanks for your help!

matt