Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Help making this content full width

Posted by: jas789 Mar 14 2017, 02:53 PM

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 https://www.surgimedex.in
Product URL is https://www.surgimedex.in/product/surgical-skin-stapler-35w/

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--
https://www.surgimedex.in/product/vessel-loops-maxi-red-box-of-25-pouch-2/
https://www.surgimedex.in/product/vessel-loops-mini-yellow-box-of-25-pouch/
https://www.surgimedex.in/product/vessel-loops-mini-red-box-of-25-pouch/

I hope to hear from you guys soon.

Good day !!

Regards,
Jasmeet

Posted by: pandy Mar 14 2017, 05:33 PM

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

CODE

.woocommerce-page #container {
float: left;
width: 71.287%;
}