Remove sidebar - Advanced Store Customization - Beta

Welcome Guest

Zazzle Forum » Zazzle Public Forums » Advanced Store Customization - Beta » Remove sidebar

Remove sidebar

Print this topic

Previous Topic · Next Topic

Peter Wuebker

Posted: Monday, June 11, 2012 5:03:29 AM

Groups: ProSeller

Joined: 4/7/2008
Posts: 621

I came upon an older post in this forum with some code to add to css to remove the side bar and center the product display.

Spent considerable time working with the various coding presented (There were several codings offered) and never came close.

I was hoping someone could post the working code and be a little more specific as to where it goes.

I believe I chose the correct css window and placed code in several areas but this trial and error approach got me no where.

Thank you for any help.

Posted: Monday, June 11, 2012 5:56:17 AM

Groups: ProSeller

Joined: 3/11/2011
Posts: 299

@pjwuebker,

If you could post a link to your store i can take a look at it and try to help with the coding to achieve the effect you want.

M

Peter Wuebker

Posted: Monday, June 11, 2012 6:20:49 AM

Groups: ProSeller

Joined: 4/7/2008
Posts: 621

http://www.zazzle.com/mylunker

Thank you.

Posted: Monday, June 11, 2012 6:39:54 AM

Groups: ProSeller

Joined: 3/11/2011
Posts: 299

@pjwuebker,

Go to the following section of your store:

Store > Appearance > Beta! Advanced > Style (CSS)

Paste the following code in that box (anywhere below the first line of code and above the last line of code):

.sidePod{display:none!important;}
.contentPane{overflow:visible!important;width:100%!important;}
#group_2 .productsGrid{width:950px!important;}

Hope that helps.

Peter Wuebker

Posted: Monday, June 11, 2012 7:03:28 AM

Groups: ProSeller

Joined: 4/7/2008
Posts: 621

Thank you so much. Looks perfect. Appears I was putting the code in the wrong css window.

Posted: Monday, June 11, 2012 7:04:48 AM

Groups: ProSeller

Joined: 3/11/2011
Posts: 299

@pjwuebker,

You're welcome, i'm glad to hear it.

Gary R. Smith

Posted: Monday, June 25, 2012 4:45:58 PM

Groups: Member

Joined: 6/11/2012
Posts: 149

M wrote:

@pjwuebker,

If you could post a link to your store i can take a look at it and try to help with the coding to achieve the effect you want.

M

Hi,

If you have time, it would be much appreciated if you could look also at http://www.zazzle.com/emanatepresence for the same reasons, to eliminate the sidebar and improve spacing.

I followed your good instructions and entered the code in the CSS style box, and it did eliminate the sidebar, but also the header image. And it left a lot of white space.

I copied the original CSS code into notepad so can restore it if needed.

Thanks.

Gary

Posted: Tuesday, June 26, 2012 1:53:51 AM

Groups: ProSeller

Joined: 3/11/2011
Posts: 299

@Gary R. Smith,

Hi. That code was specific to that store although some parts do apply to every store on Zazzle.
The code i posted does not affect the header image, I took a look at your coding and noticed that the header image is the following:

background:url("http://rlv.zcache.com/isapi/designall.dll?action=gal_banner&fmt=jpg&bg=FFFFFF&gry_color=FAFAFA") top left no-repeat;

This is making your header a solid color (click on the image link above).

If you could revert the store back to how it was i would be more than happy to take a look at it for you and try to help.

Gary R. Smith

Posted: Tuesday, June 26, 2012 7:15:37 AM

Groups: Member

Joined: 6/11/2012
Posts: 149

M wrote:

@Gary R. Smith,

If you could revert the store back to how it was i would be more than happy to take a look at it for you and try to help.

Hi,

I pasted the original code into the Style Box, but it did not return the header photo. I recognized there was some risk in using the code you gave which was specific to another site. My responsibility, no problem.

I would be happy to have no header or blank space at the top.

Also, yesterday the black and white magnets were scattered throughout the store. We wanted them all together. Today they seem more in a group like we want. The order of products on our store home page seems random. Can it be specified?

The objective is to clean up the appearance of the store.

The main categories will be:

Art - Framed Prints, Plaques, Posters, Wrapped Canvas
Bags - Messenger
Calendars
Cards - Note, Greeting, Postcards, Postage
Ceramic Tiles
Clothing - Sweatshirts, T-Shirts
Gift Boxes, Jewelry Boxes
Keychains
Magnets
Mugs - Bone China, Espresso, Jumbo
Necklaces - Amulets and Lockets
Plates
Stickers - Round, Bumper, Labels
Teapots

Is there are way to change the categories in the sidebar?

Just if you have time as I know it takes some to respond.

Thank you.

Gary

Gary R. Smith

Posted: Wednesday, June 27, 2012 11:29:03 AM

Groups: Member

Joined: 6/11/2012
Posts: 149

M wrote:

@Gary R. Smith,

If you could revert the store back to how it was i would be more than happy to take a look at it for you and try to help.

I pasted the original code into the Style Box, but it did not return the header photo. I recognized there was some risk in using the code you gave which was specific to another site. My responsibility, no problem.

I would be happy to have no header or blank space at the top.

Thank you.

Gary

SawnsSimplicity

Posted: Saturday, September 01, 2012 1:45:01 PM

Groups: Member

Joined: 8/4/2012
Posts: 14

M wrote:

@pjwuebker,

.sidePod{display:none!important;}
.contentPane{overflow:visible!important;width:100%!important;}
#group_2 .productsGrid{width:950px!important;}

Hope that helps.

I have been looking for the right code for so long, thanks so much. It looks great.

Users browsing this topic

Guest

Forum Jump

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.