added woo commerce

[Robyn]

Hi Bill,

I added woo commerce to my site. I’m maneuvering around it ok, but have a question here and could use your insight.

http://bluearrowrecords.com/shop/

It appears a sidebar of sorts was added showing: Search box, Pages listing, Archives listing and, feature (5) listing.

The side bar doesn’t fit and pushed to the bottom/end of the page. The only part of it I would like to use is the search box and may.

Is this issue something I can handle via the Bottega theme or is it all a woo commerce issue?

Thanks for your help and insight, as always!

Robyn

[Bill Robbins]

Robyn,

I believe I can help out here. Here is a CSS snippet you’ll want to add to the bottom of your style.css file:

#sidebar {
	width: 300px;
	padding: 10px;
	float: right;
	display: inline;
}

#content {
	width: 610px;
	padding: 10px;
	float: left;
	display: inline;
}

That should get the layout arranged a bit better for you.

The second thing, you’ll most likely want to duplicate the sidebar-post.php file and rename it sidebar.php. You can do that with your web host’s control panel’s file browser or a FTP program.

That will let you use the post sidebar in your Woocommerce area.

If you have any questions or trouble, just let me know,
Bill

[Robyn]

Hi Bill!

The above worked swimmingly, with one hitch.

I previously added a css snippet. This was to add space between my header and content.

#content,
#page-full {
padding: 80px 10px 10px;
}

It seems the woo commerce fix above over rode the above snippet and my content and sidebar are back under the header. ?

Thanks!

[Bill Robbins]

I can see that, CSS will override previous styles based on the last one loaded. That’s how we use the Custom CSS box to override the stylesheet. Try this snippet instead:

#sidebar {
	width: 300px;
	padding: 10px;
	float: right;
	display: inline;
}

#content {
	width: 610px;
	padding: 80px 10px 10px;
	float: left;
	display: inline;
}

#page-full {
        padding: 80px 10px 10px;
}

[Author]

Posts