Steffen Posted September 21, 2011 Share Posted September 21, 2011 Hi all I want the center column to be 100% wide on product pages (product.php) only. Is there any way of doing this? A regular styling of .css will naturally change the center column for every page. I thank everyone who replies Hope it's doable! Link to comment Share on other sites More sharing options...
jhnstcks Posted September 21, 2011 Share Posted September 21, 2011 Depends what version of Prestashop you are using. In v1.4 you can edit the product.css file and add the following #left_column, #right_column{ display: none } #center_column{ width: 100% } and edit the next to lines to change the widths #primary_block #pb-left-column{float:left;margin-left:1.1em;width:45%} #primary_block #pb-right-column{width:45%;float:left} Link to comment Share on other sites More sharing options...
Steffen Posted September 21, 2011 Author Share Posted September 21, 2011 Worked beautifully Thanks! One thought tho': Do I have to edit the two lines #primary_block? Cause I didn't and it worked anyways. Link to comment Share on other sites More sharing options...
jhnstcks Posted September 21, 2011 Share Posted September 21, 2011 Have you tried other browsers as it may not work, without the other two edits, on other browsers. Link to comment Share on other sites More sharing options...
Steffen Posted September 23, 2011 Author Share Posted September 23, 2011 Seems to be ok in Safari, Chrome, Firefox and IE9.. PS: Is it possible to do the same thing for index.php as well? I couldn't find any unique .css for the index page. Link to comment Share on other sites More sharing options...
Kay van Aarssen Posted September 23, 2011 Share Posted September 23, 2011 Seems to be ok in Safari, Chrome, Firefox and IE9.. PS: Is it possible to do the same thing for index.php as well? I couldn't find any unique .css for the index page. Watch out Safari for Windows is not the same as Safari on mac OSX so if you know someone with a mac ask them to test is for you. Link to comment Share on other sites More sharing options...
Steffen Posted September 23, 2011 Author Share Posted September 23, 2011 I have a Mac myself, so no worries I've tested the before mentioned browsers in both Windows and Mac OSX Link to comment Share on other sites More sharing options...
jhnstcks Posted September 23, 2011 Share Posted September 23, 2011 When you say index.php page I am guessing you mean the homefeatured products? Link to comment Share on other sites More sharing options...
Steffen Posted September 23, 2011 Author Share Posted September 23, 2011 I mean 100% width #center_column on the first page of my website, just like the product.php page you instructed me to above in post #2 Link to comment Share on other sites More sharing options...
Steffen Posted October 24, 2011 Author Share Posted October 24, 2011 Anyone? Link to comment Share on other sites More sharing options...
jhnstcks Posted October 24, 2011 Share Posted October 24, 2011 Sounds like you are looking to make a 2 column theme instead of 3 column. Link to comment Share on other sites More sharing options...
Steffen Posted October 24, 2011 Author Share Posted October 24, 2011 Yes, I've done that so far by not placing anything in the left column. www.nondo.dk Link to comment Share on other sites More sharing options...
koximaxi Posted September 3, 2012 Share Posted September 3, 2012 I mean 100% width #center_column on the first page of my website, just like the product.php page you instructed me to above in post #2 You can add following css to style.css body#index #center_column { width: 100%; } body#index #right_column { display: none; } body#index #left_column { display: none; } Link to comment Share on other sites More sharing options...
Kensi Posted January 10, 2015 Share Posted January 10, 2015 Hello, I need some help to change center column width in categoty page. On screen you can see, that I have change size of left and right column to 20% width - http://puu.sh/ehonF/08e5054f9e.png But now I need to change center column to 60% width, and If I make some changes in center column - id or in col-md-6 - class, it changes all elementes with this class, If I add new class in header.tpl it changes center colum on the index(main) page. Link to comment Share on other sites More sharing options...
vekia Posted January 10, 2015 Share Posted January 10, 2015 it's not default theme share url. case needs an inspection. Link to comment Share on other sites More sharing options...
Kensi Posted January 10, 2015 Share Posted January 10, 2015 newledlight.com.ua Thank you, for your help. Link to comment Share on other sites More sharing options...
vekia Posted January 10, 2015 Share Posted January 10, 2015 header.tpl change: <section id="center_column" class="col-md-6"> to: <section id="center_column" class="{if $page_name=='category'}col-md-7{else}col-md-6{/if}"> Link to comment Share on other sites More sharing options...
Kensi Posted January 11, 2015 Share Posted January 11, 2015 Thank you, it helps. Answer was so simple, I need to learn Php! 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