picture alignment / Sidebar Image Display

Creating and modifying plugins.
Post Reply
ewehdemeyer
Regular
Posts: 62
Joined: Fri Jan 19, 2007 6:59 pm
Location: Hamburg

picture alignment / Sidebar Image Display

Post by ewehdemeyer »

Hi,
the Unified Sidebar Image Display works well - but shows the images alignet "left". The html source code of that page shows that there is a div class "SerendipitySideBarContent" set to "left". Where can I adjust this to another alignment?
thx
Eva
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: picture alignment / Sidebar Image Display

Post by garvinhicking »

Hi!

Each sidebar plugin has its unique CSS container class, so that you can use CSS to align content of any specific container to the left.

If you give us the URL to your blog we can tell you what you need to enter into your style.css template file exactly.

Best regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Stan
Regular
Posts: 17
Joined: Mon Jan 22, 2007 1:47 pm

Post by Stan »

maybe somebody could tell me why my image in the sidebar has a border at the top?
http://brisbane07.de

I searched a long time, but I can't find the point where I have to change it.
Thanks
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

If you mean "padding" instead of "border", this is because of this HTML code output in your sidebar:

Code: Select all

<div style="padding-top: 5px;">
I believe it's part of the plugin output, so the only option you'd have would be to set a negative padding for the parent element in the style.css file:

Code: Select all

.container_serendipity_plugin_imagesidebar .serendipitySideBarContent {
  padding-top: -5px;
}
HTH,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
ewehdemeyer
Regular
Posts: 62
Joined: Fri Jan 19, 2007 6:59 pm
Location: Hamburg

Post by ewehdemeyer »

Hi Garvin,
I've already inspected that css-file and tried altering that
serendipitySideBarContent img {
border:none;
align:bottom;
align:center;} <<<--- ( inserted )

- with no effect. Maybe wrong approach. Beside that I won't everything on the Sidebar to be aligned center or whatever that may be, but only the images in the Sidebar Image Display. hm.

http://www.wehdemeyer.de/e_blog/

thx
Eva
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi Eva!

Füg mal am Ende folgendes ein:

Code: Select all

.container_serendipity_plugin_imagesidebar img {
  margin: 0px auto 0px auto;
  display: block;
}
Viele Grüße,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
ewehdemeyer
Regular
Posts: 62
Joined: Fri Jan 19, 2007 6:59 pm
Location: Hamburg

Post by ewehdemeyer »

Hi Garvin,
sorry. images stay leftsided.
Eva
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

Did you reload your browsers cache?

For me it works both using IE7 and Firefox 1.5...

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Stan
Regular
Posts: 17
Joined: Mon Jan 22, 2007 1:47 pm

Post by Stan »

Thanks, Garvin.
I didn't get rid of the padding at the top.
But I've put a padding-bottom there so that it doesn't look so stupid anymore.
ewehdemeyer
Regular
Posts: 62
Joined: Fri Jan 19, 2007 6:59 pm
Location: Hamburg

Post by ewehdemeyer »

Hi Garvin,
yes - you are right. :D looks good. I was in a hurry in the afternoon on the way to a course.
Thx for the very speedy support and good spirit in this forum. I like that.

Eva
Post Reply