Looking to enlarge my website width ways, but how :/

[simpson7647]

hi all, im after a little bit of help.

Currently looking at my website, the main body is quite thin as i have the catagory bar to the left and another bar to the night.
But what i realise is off the website is simply white screen so is there anyway to expand the website so it covers some of the white free space?


Many thanks,


regards,

Ryan

[simpson7647]

Bumppp, anyone?

Thanks

[simpson7647]

someone must be able to help, sorry but its kind urgent.

thanks!

[simpson7647]

hi all, someone must know :/

appaz it is the css and i might have to change something in themes but what exactly :/

thanks all

[Patric]

Topic moved into the good section.

[simpson7647]

thank you Patric.

Hoopefully ill get some help now and an answer.
Fingers crossed!

[PrestaShopDeveloper]

Probably there is a way, but there's no way to tell you, if we don't see the actual site.

[simpson7647]

why were you need to see the site out of interest as its the same as everyone elses here as in its the standard size of template and all. :/?
So if you or another member knew how to do it on their website, it should be the same?

[PrestaShopDeveloper]

This depends on the theme, you're using, the modules that you've enable, their position and the additional changes tha you've done. I assume you're using the default PrestaShop theme. And it's not just one change. You should change the width of the layout, the with of the center column as well as other modules related changes. That's all I can help you so far.

[simpson7647]

thanks for the info Ultra.

Its actually a custom theme although i spoke to the designers and its apparently exactly the same as the standard one.

If anyone can provide all the info that i need to change, it would be GREAT.

Thanks all

[Mitchell Ransom]

Navigate to your themes folder, inside the theme you are using open the css folder and open global.css

Then use the search button to find these lines;

/* global layout */
#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}

Changing this value will affect a lot of different things on your site, but this is where you can start, backup before making changes and have a play around you might just be able to do what you need.

[simpson7647]

thankyou Mitchell, ill give it ago.

[simpson7647]

Thanks for the help so far, an update

Origionally i was looking to widen my website as there is white space either side which can be used elsewhere.
As i would like the main screen the be that little bit bigger.

So i changed:


/* global layout */
#page {
width: 980px;
margin: 0 auto 2px auto;
text-align: left
}


Which was in Global.css to:

/* global layout */
#page {
width: 1280px;
margin: 0 auto 2px auto;
text-align: left
}



So now the website has done as i asked as shown in the screen shot below:



Uploaded with ImageShack.us

Although now there are other problems so how can i correct the problems specified.


1-- The main block bar along the top with the words home, special is now not long enough, how would i extend this.

2-- The banner i guess id simply make that little bit larger.

3-- How would i extend the text so that it will write all the way along?

[Mitchell Ransom]

Most of this can be solved under the /* global layout */ section in the global.css file.
If you eneable your shop at www.protectandenhance.co.uk so I can view the source I might be able to give you some more hints but for now all I can say is explore the global.css

[simpson7647]

okay Mitchell, sure and thank you.

Its enabled now

[Mitchell Ransom]

Home
    Specials
New Products
Top Sellers
Contact
Sitemap

[simpson7647]

thankk you for your time in looking for that

much appreciated

So although i have no idea what that haha, ill give what you said a go :/
Im using Google Chrome atm, do i have to use ie?


So when you go to the page and click source, it will give you keywords you then search on css global and change?

thanks

[Mitchell Ransom]

In google chrome simply right click on the page and click view source. And yes basically your looking for the names of the classes which are inside the id="" parameters. They don't have to be divs but searching there will get you started on finding what you are looking for. In my experience learning where to look is a much better fix than a simple copy and paste code, this way you will be better able to solve problems without help in future, and if you are new to e-commerce sites then believe me there will be plenty of problems to solve

[simpson7647]

thank you very much Mitchell for all your help

One other thing, say i fix it and it works properly on the browser i am using (google chrome) will it be all okay in other browsers like IE, Firefox etc?

thanks

[Mitchell Ransom]

Normally there are small differences between the browsers always, but if your code is clean and up to date then there shouldn't be any huge problems. It's always best to test using firefox and chrome then test in internet explorer afterwards to see if theres any bugs.

[simpson7647]

okay thanks again

One other thing, im still using Version 1.3.1.1 - as it seems rather complicated to upgrade as appaz you have to copy everything you have changed over.

Is this going to be an issue?

I would love to upgrade though tbh :/

thanks

[Mitchell Ransom]

It's the biggest pain in the ass ever to upgrade. But when the official 1.4 is released I seriously recommend taking the time and effort to upgrade. It's just too good not to upgrade to.

[simpson7647]

alright so no point atm but when 1.4 upgrades, do it yeah?
Is how i explained how you upgrade?

Whens that out as well do you know?

many thanks indeed sir

[Mitchell Ransom]

No idea of the release date, it's on beta version 5 now though so I would say it's less than a month away for sure. Basically when you upgrade you just have to do all your modifications again, it's easier than when you first did it because you already have the code you modified but it's certainly a pain to have to do it all again.

[simpson7647]

oh okay ill wait for it then

How do you find all the dif codes youve modified?

thanks for your help

[simpson7647]

thanks all for the input, in particular Mitchell

After a bit of tinkering, theres a few things that are really bugging me and i really need help.

How would i extend the text such as the homepage text, catagory text across the page etc??


thanks

[nuclearholocausto]

You might want to try Firefox with web developer and firebug add-ons. This setup helps me when I'm trying to debunk most especially CSS issues.

[simpson7647]

thanks for the info.

I might just leave the website at the size it is atm.

thanks