Layout issue

holdennut · July 2013

Love your theme but have a couple of layout issues...

In the attached image you see that the uploaded images hang out to the left, is that correct or am I missing something? Just looks a little untidy compared to the rest of the theme.
Also in IE10 without compatibility mode on, some avatars slip in behind the text field as shown in the same attachment. If I turn on compatibility mode they sit out to the side correctly. My users would have no idea about compatibility mode little lone using a different web browser...

Any ideas would be greatly appreciated.

aery · July 2013

1) From where did you upload those images. Are you using any plugin? I have not tested the theme with plugins.

2) Ca you point out the page url to me. I need to have a look at the source code.

holdennut · July 2013

This is the page in the screenshot.
http://ehcarclubwa.org.au/forum/discussion/49/our-ejs-projects-currently-underway-#Item_21
The direct link to our forum is: http://ehcarclubwa.org.au/forum/
I'm using the "FileUpload" plugin v1.5.2 for my users to upload photo's.
Many thanks.

vrijvlinder · July 2013

add this to the theme custom.css

.AttachFileContainer .Attachment {
display: inline-table;
zoom: 1;
position: relative;
margin: 3px;
left: 100px;
white-space: pre-wrap;
width: 20%;
}

.FilePreview a img {
border: none;
max-width: 200px;
height: auto;
}

Shadowdare · July 2013

Try adding this in custom.css in the theme's design folder:

.identity { position: absolute; }
div.Attachments { margin: 15px 0 0 100px; }

vrijvlinder · July 2013

sorry I got here first !!

.identity ????

.identity { position: absolutelynuts; }

holdennut · July 2013

Thanks Shadowdare, that worked a treat.
vrijvlinder, your solution fixed the left alignment but created a massive space below each row of images.

Appreciate the fast response!

vrijvlinder · July 2013

that's great ! I still don't know where .identity would be I have never seen it ...

Layout issue

Comments