Width
138 views
Skip to first unread message
webm...@webmama.co.za
Mar 31, 2013, 2:14:36 AM3/31/13
to expose-f...@googlegroups.com
Hi all
I want the entire page to be set to 960px wide, centered. Tried changing css but end up upsetting the other widths, e.g. sidebars, etc.
What is the best way to go about it?
Thanx in advance
I want the entire page to be set to 960px wide, centered. Tried changing css but end up upsetting the other widths, e.g. sidebars, etc.
What is the best way to go about it?
Thanx in advance
webm...@webmama.co.za
Apr 2, 2013, 5:25:35 PM4/2/13
to expose-f...@googlegroups.com
Ok got it, I think. I created divs to wrap around expose (just inside body tag). Called it expose wrapper, max-width 960px. I then changed all grid sizes to match the new style, e.g. 12=960px, etc. - right down to grid 1.
It seems to be working fine, even being responsive. I hope this is the right approach.
It seems to be working fine, even being responsive. I hope this is the right approach.
Parvez Akther
Apr 3, 2013, 2:47:21 AM4/3/13
to expose-f...@googlegroups.com
Hello,
You can do this simple modifying responsive-1200px.less file. Open the file and change 100 to 80 like in this line https://github.com/themexpert/Expose-Template/blob/master/less/responsive-1200px-min.less#L7
Twitter: @themexpert | Facebook: www.facebook.com/ThemeXpert
--
You received this message because you are subscribed to the Google Groups "Expose Framework" group.
To unsubscribe from this group and stop receiving emails from it, send an email to expose-framewo...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
Adedamola Odutola
Aug 8, 2013, 11:52:59 AM8/8/13
to expose-f...@googlegroups.com
Could you please elaborate on this? What values in what files did you change? I know this might be asking for much but I really appreciate it. Thanks!
Parvez Akther
Aug 8, 2013, 12:57:49 PM8/8/13
to expose-f...@googlegroups.com
Please read this doc http://www.themexpert.com/documentation/tutorials/how-to-modify-the-template
------------------
Regards,
Parvez Akther
Parvez Akther
CEO, ThemeXpert
Website: www.themexpert.com
Website: www.themexpert.com
Twitter: @themexpert | Facebook: www.facebook.com/ThemeXpert
== Please don't say something 'isn't working'. Explain what you tried, and what happened as a result. ==
Edwin Herrendorfer
Aug 8, 2013, 3:15:13 PM8/8/13
to expose-f...@googlegroups.com
Hello Adedamola
Did you try Parvez's suggestion? Did it work for you? I think it is an easier solution. However, if you can't get it to work, let me know.
regards
Did you try Parvez's suggestion? Did it work for you? I think it is an easier solution. However, if you can't get it to work, let me know.
regards
Michelle Zumbrunnen
Oct 1, 2013, 12:50:58 AM10/1/13
to expose-f...@googlegroups.com
I'm having this problem as well. I tried changing the value in the responsive-1200px.less file, but it didn't work. I followed the instructions, changed it from 100 to 90, but there's no change on the front end. Any thoughts?
Michelle
Michelle
Edwin Herrendorfer
Oct 1, 2013, 2:57:51 AM10/1/13
to expose-f...@googlegroups.com
Hello Michelle
Well, I'm still doing it my original way. But note that everytime you re-install expose or upgrade it, you will need to change two files.
First, index.php - just below the <body> tag, I created <div class="expose-wrapper">. Of course, closed it just above the </body> tag (bottom) with </div>.
Second, css/responsive.css - edit / change 100px divisions to divisions of 80px (1200px becomes 960px, 1100px becomes 880px, and so on). Work your way through it until you reach 100px which becomes 80px. Do this wherever in the file you see this need. Even the negative values. Usually the value must be input twice. Do not touch the values that are not multiples of 100px.
Third, add .expose-wrapper class to your template.css {max-width:960px;margin:0 auto;}. Max width keeps it responsive and the margin of 0 auto centers it. Don't forget to backup before you upgrade or re-install expose.
If you are using expose framework 4.2 and template 2.7, I've attached the index.php and responsive.css files. Then you don't have to make the changes above. Only add the class to template.css. Please copy to right directory.
I hope this helps.
Well, I'm still doing it my original way. But note that everytime you re-install expose or upgrade it, you will need to change two files.
First, index.php - just below the <body> tag, I created <div class="expose-wrapper">. Of course, closed it just above the </body> tag (bottom) with </div>.
Second, css/responsive.css - edit / change 100px divisions to divisions of 80px (1200px becomes 960px, 1100px becomes 880px, and so on). Work your way through it until you reach 100px which becomes 80px. Do this wherever in the file you see this need. Even the negative values. Usually the value must be input twice. Do not touch the values that are not multiples of 100px.
Third, add .expose-wrapper class to your template.css {max-width:960px;margin:0 auto;}. Max width keeps it responsive and the margin of 0 auto centers it. Don't forget to backup before you upgrade or re-install expose.
If you are using expose framework 4.2 and template 2.7, I've attached the index.php and responsive.css files. Then you don't have to make the changes above. Only add the class to template.css. Please copy to right directory.
I hope this helps.
James Galbreath
Mar 27, 2014, 3:39:56 AM3/27/14
to expose-f...@googlegroups.com
you said 1100 becomes 880? Does this mean that my website will be at 880px on a 1100px screen? I dont want it to scale down before it needs to.
Reply all
Reply to author
Forward
0 new messages