How to center sidebox banner image?

24 May 2010, 9:27 PM

#1

ak6000

Zen Follower

Join Date:: Apr 2010
Posts:: 102
Plugin Contributions:: 0

How to center sidebox banner image?

Hi Folks,

I have been searching this forum for weeks to learn how to center my new image that I have added to my sidebox banner.

Here is my site: https://www.shinypetstore.com/index.php.

I simply created a new sidebox banner and used an image exactly the size of sample image (140px). But as you can see my sidebox banners for "Our Promise" and "Limited Time Offer" are not centered?

In one of the post it was suggested to add this: #bannerboxallContent a img {margin: 0em 0em 0em .2em;} to stylesheet but it did not help me at all.

Appreciate your feedback.

24 May 2010, 9:44 PM

#2

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,188
Plugin Contributions:: 0

Re: How to center sidebox banner image?

Lets try this;

Edit the includes/ templates/ pure orange free/ css/ stylesheet.css

Add this to the bottom:

#bannerboxallContent {
margin:0;
padding:0;
}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

24 May 2010, 10:03 PM

#3

ak6000

Zen Follower

Join Date:: Apr 2010
Posts:: 102
Plugin Contributions:: 0

Re: How to center sidebox banner image?

Hi haredo,

Thanks for prompt reply. I add that to my stylesheet as you recommended. It fixed my Left SideBox (Our Promise), but did not fix the Right one!

24 May 2010, 10:10 PM

#4

ak6000

Zen Follower

Join Date:: Apr 2010
Posts:: 102
Plugin Contributions:: 0

Re: How to center sidebox banner image?

I figured it out. I also added #bannerboxContent.

Now, if I want to add few px to top, what do I need to add?

24 May 2010, 10:13 PM

#5

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,188
Plugin Contributions:: 0

Re: How to center sidebox banner image?

margin-top: 5px;

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

24 May 2010, 10:15 PM

#6

ak6000

Zen Follower

Join Date:: Apr 2010
Posts:: 102
Plugin Contributions:: 0

Re: How to center sidebox banner image?

It did it! I really appreciate your help.

24 May 2010, 10:18 PM

#7

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,188
Plugin Contributions:: 0

Re: How to center sidebox banner image?

Your Welcome.... Glad you are up and running.. :smile:

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.