The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

Reply to this topicStart new topic
> Help making this content full width, This is a woocommerce and wordpress webpage and i am trying to customi
post Mar 14 2017, 02:53 PM
Post #1

Group: Members
Posts: 1
Joined: 14-March 17
Member No.: 26,344

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 !!

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
post Mar 14 2017, 05:33 PM
Post #2

Don't like donuts. Don't do MySpace.

Group: WDG Moderators
Posts: 18,366
Joined: 9-August 06
Member No.: 6

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

.woocommerce-page #container {
float: left;
width: 71.287%;
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:


- Lo-Fi Version Time is now: 17th September 2019 - 03:18 AM