THEDert Posted August 8, 2009 Share Posted August 8, 2009 Trying to remove the right column, so the center content will expand all the way. Also wanting to add a background on my store, but still have white as the main color.best example of what im trying to do is here:http://www.arthurgroom.com 1 Link to comment Share on other sites More sharing options...
fluxxii Posted August 9, 2009 Share Posted August 9, 2009 You're going to have to do some CSS editing. If you're using the default template, open prestashop/themes/css/global.css.I don't usually remove the right column; instead, I move it to the bottom with CSS and use it as an information footer or just delete all of the modules and pretend it's not there. Starting at line 198 of global.css should be something like this: #left_column, #center_column, #right_column { float:left; } #left_column { clear:left; width:190px; padding-right: 15px; } #center_column { width: 556px; margin: 0 0 30px 0; } #right_column { width: 190px; padding-left: 15px; } Replace it with this: #left_column, #center_column, #right_column { float:left; } #left_column { clear:left; width:190px; padding-right: 15px; } #center_column { width: 750px; margin: 0 0 30px 0; background: #ffffff; padding: 5px; } #right_column { clear:left; padding-right: 15px; } It might need some adjustments to fit your website, but it should generally give you what you're looking for.To achieve the white-on-background look, look at line 16 of global.css and you should see this: body { background-color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align:center; } Replace it with this, customizing the values to fit your site: body { background: url(../path/to/bg.gif); font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align:center; } Then you want to make sure you have a parent DIV that wraps your entire content. I'd go to header.tpl and look for line 39, which should say <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}> and UNDER IT add something like . Go into footer.tpl, line 13 where it should say </body> and OVER IT add . Then go to global.css and add the following, changing the values to match your site:div#wrapper { background-color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #000000; } Hopefully that gives you what you're looking for. If not or if you have any questions, let me know! 1 Link to comment Share on other sites More sharing options...
THEDert Posted August 9, 2009 Author Share Posted August 9, 2009 Wow! Thanks for the help!! It took away the right column but if you look here http://tinyurl.com/m9crrs you can see it doesn't do a full wrap. Any ideas?Again thank you very much for your time Link to comment Share on other sites More sharing options...
VIXUS Posted August 9, 2009 Share Posted August 9, 2009 look here:http://www.prestashop.com/forums/viewthread/20140/themes/help_needed_with_customisation Link to comment Share on other sites More sharing options...
fluxxii Posted August 10, 2009 Share Posted August 10, 2009 Do you mean the bottom of the white box, where it doesn't stretch all the way down the page? Link to comment Share on other sites More sharing options...
noesac Posted August 27, 2010 Share Posted August 27, 2010 Perfect thanks Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now