How to not let large images on your friends page get you down.

[catsidhe]

If your problem with images is that they screw up the formatting on your friends page (and I know apod is a big offender in this regard), then this little alteration to your journal's code will make you happy. Your nice columns will never stretch and distort again.


Go here. You should see four tabs: ‘Basics’, ‘Look and Feel’, ‘Custom Options’, and ‘Advanced’. Click on ‘Custom Options’.

Now you should see, just below the tabs, a whole row of sections to chose from. Choose ‘Custom CSS’.

Now you should see a series of options, with ‘Custom Style Sheet’ at the bottom, and a large text input area next to it.

Into this text area, enter

.entryText {
    overflow: auto;
}

and click ‘Save Changes’.

Now, whenever an image is too big to fit in the column, it will be contained within the appropriate area, and have scrollbars to let you see it. If no large image (or non-breakable text) appears, you won't see any difference.



You're welcome.


(EDIT: this is dependent on what style you're using, of course. Mine uses class="entryText". Others might use class="entry", or class="entry_text", or something even more exotic. Look at the source code of your friends page (^U in firefox), and see what class is being used in your style.)

Comments

[lokicarbis.livejournal.com]

Thanks for that - I love apod, but it often sucks in that regard.

[catsidhe.livejournal.com]

I have looked a little more closely, and found that different styles use different classes. Yours, specifically, will require

.entry_text {
    overflow: auto;
}

But once you've sorted this little detail, happy happy joy joy!

[lokicarbis.livejournal.com]

In which case thanks again :)

[(Anonymous)]

meh

-- mpp

[catsidhe.livejournal.com]

meh, yourself.

[sjl.livejournal.com]

*head scratches*

It no seem to be working for me. Is the text supposed to show up on that page after clicking 'save changes'? Because if it is, it's not saving ...

[catsidhe.livejournal.com]

Ooh, yours is extra special fun. The relevant div has no assigned class.

Try instead

td > div

.


And... text? Not showing? Um... I'm not actually sure that this will work with S1 styles...

[sjl.livejournal.com]

Ok, then - *changes to S2*

Now I just need to play around a bit. When I have time, naturally. :)

[catsidhe.livejournal.com]

.entry will now work for you.

[sjl.livejournal.com]

Yeah, but that was just a temporary choice. *wry smile*

(neither .entry nor .entrytext seem to work for me on this particular style. I'll figure it out ... eventually ...)