Geeklog Forums

Hey guys. I'm fairly new to CSS, but have HTML experience.

I'm trying to add margins to my images, but nothing seems to work. I tried editing ".story-image" and ".storycontent" but still no margins.

Any idea what code I should use, and where I should stick it?

THANKS!

It's not that difficult, in your CSS add something like:

---

Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net

Thanks for the reply.

Hm. It seemed to add a margin/padding to the logo image as well, which messed up the layout of the header.

Anybody know of a way to add padding to the story images only?

Thanks!

Oops, sorry, try this:

---

Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net

Thanks again BeeWee, but it didn't work!

That code can be put anywhere in the CSS file right?

i even tried img.story-text & img.story-content with no luck. I also tried changing it to {margin: 10px} with no luck.

Any other ideas?

Pff, I'm no CSS expert, you could try a hspace and vspace instead of padding/margin, the place in the CSS is not important.

Good luck!

---

Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net

Yeah, I tried that too. Thanks anyway,

ANYBODY ELSE?!

you have only to view your page source to see if there is a class to which you can apply your style. if there is no class, then edit your template file, whichever file is responsible for the story, adding a class to the container.

the latest professional theme supplies the class ".story-box" in the TD container (storytext.thtml). Therefore,try this rule:

That bit of CSS will only be applied to an image which has the "storytext" class.
The order should be switched:This will be applied to all images which are within an object with the "storytext" class.