Author Topic: Simple Way to Center Images?  (Read 587 times)

TonyD

  • Newbie
  • *
  • Posts: 3
    • HowtoPeru
Simple Way to Center Images?
« on: July 25, 2010, 05:51:38 PM »
Hello. The plugin is great, thanks for that. One question: is there a simple way to get the amazon images centered? At the moment they are hugging the left hand side of the sidebar widget. I saw another thread dealing with this but it was too complicated for a dunce like me.

I'm pretty useless with css – ideally I'd like to be able to add something to:

/* Controls the layout of the image */
#avhamazon-widget .wishlistimage {
 border-style: solid;
 border-width: 1px;
}

via the wordpress admin editor. Is that possible? If so, could you tell me what I can add/change in order to get the images centered. Any help would be much appreciated. Thanks in advance.

Peter

  • Administrator
  • Regular
  • *****
  • Posts: 415
    • http://blog.avirtualhome.com
Re: Simple Way to Center Images?
« Reply #1 on: July 25, 2010, 07:09:26 PM »
Yeah you can edit the CSS file through wp-admin.
Plugins->Editor

What's your site so I can see what needs to be added?
Peter van der Does
AVH Plugins developer

TonyD

  • Newbie
  • *
  • Posts: 3
    • HowtoPeru
Re: Simple Way to Center Images?
« Reply #2 on: July 25, 2010, 08:44:06 PM »
My site is HowtoPeru. Any advice would be great. Thanks again.

Peter

  • Administrator
  • Regular
  • *****
  • Posts: 415
    • http://blog.avirtualhome.com
Re: Simple Way to Center Images?
« Reply #3 on: August 12, 2010, 06:24:28 AM »
Vacation got me off track but here's what you need to change:
Code: [Select]
#avhamazon-widget .wishlistimage {
border-style:solid;
border-width:1px;
display:block;
margin-left:auto;
margin-right:auto;
}
Peter van der Does
AVH Plugins developer

TonyD

  • Newbie
  • *
  • Posts: 3
    • HowtoPeru
Re: Simple Way to Center Images?
« Reply #4 on: August 12, 2010, 03:12:44 PM »
Hi Peter,

Sorry to be a pain, but I put the code in and nothing changed. Any ideas why? Above the editing box it says:

"Editing avh-amazon/avh-amazon.widget.css (inactive)"

I don't know if that (inactive) means anything....?

Any further help would be appreciated. Hope you had a good holiday.

Cheers.