Help - Search - Members - Calendar
Full Version: Help making this content full width
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Hi Everyone,

I am new here so first of all let me introduce myself. My name is Jasmeet and i am from New Delhi, India. I am a student studying marketing and i like web development as i am from IT background. This is my first project and it is working fine (functionality wise) :)

But i am trying to customize it and i hope i can find some help here on this forum.

Website URL is click here
Product URL is click here

As you will notice on the product url the page is having an empty sidebar space and content is somewhat alligned to the right. I am trying to make this content full width. Originally a sidebar was present on the left at this page which i have removed successfully using a php snippet under functions.php file in wordpress. Now i am trying to find out proper css to make this page full width. Please note the css should be for all woocommerce single product pages and should not hamper other types of pages on the website.

Links to some other product pages--
link 1
link 2
link 3

I hope to hear from you guys soon.

Good day !!

You shouldn't restrict the width of this DIV then.

.woocommerce-page #container {
float: left;
width: 71.287%;
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.