Forum Support

Shape 5
March 29, 2024, 06:39:51 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: change main article content width / position - sea of glass  (Read 621 times)
martu
Jr. Member
**
Offline Offline

Posts: 18



« on: April 22, 2012, 05:51:49 AM »

Hi
how do I change the width of the main article like they have here with http://www.beautyonbelle.com/  - with the main content narrower than the menu and footer width
It's a great look  they've achieved with the template by mixing the width up

thanks Marty
Logged
pmiddleton
Global Moderator
*****
Offline Offline

Posts: 2097



« Reply #1 on: April 22, 2012, 09:06:11 AM »

You can probably do it by publishing a single blank module to the left position on the pages on which you want that effect.
Logged

Paul
------------
Shape 5 Team


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
martu
Jr. Member
**
Offline Offline

Posts: 18



« Reply #2 on: April 22, 2012, 12:53:38 PM »

I tried that but then the outline of the module appears which isnt the effect I'm after
you can see it on the link http://www.beautyonbelle.com/aboutbeautyobbelle
the transparent pic looks good and the main pages sits to the right by itself.
maybe if I published the left module could then remove the outline somehow but that sounds messy and complex

thanks anyway for the suggestion

any other ideas anyone? Johan?
« Last Edit: April 23, 2012, 01:32:52 AM by martu » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: April 24, 2012, 11:53:33 AM »

If you want this width throughout the whole site you could put the following in the index.php file right before the </style> tag:

.s5_backmiddlemiddle_m {
    width:739px !important;
}

Regards,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
martu
Jr. Member
**
Offline Offline

Posts: 18



« Reply #4 on: April 24, 2012, 02:49:07 PM »

hi
I tried that but it didn't seem to do anything Sad

I found this in the forum but I can't get it working for sea of glass. Would the code be applicable to sea of glass
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,12806.0/
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: April 25, 2012, 01:06:38 PM »

Can you post a URL where you tried this?
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #6 on: April 30, 2012, 12:48:04 PM »

Ok so the following three DIVs are what set the width area of the main body. Its set near the top of the index.php file.  So you can edit them there.  They will have php echo code as things are being calculated to output the proper width according to left and right columns but since you arent using them you can just add in static widths

.s5_backtopmiddle_m {
    width:899px;
}

.s5_backmiddleright_m {
    width:922px;
}

.s5_backbottommiddle_m {
    width:899px;
}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.