Customizing Helix framework

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
mrwadim
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Sun Aug 24, 2014 7:34 pm

Customizing Helix framework

Post by mrwadim » Sun Aug 24, 2014 7:42 pm

Hello everyone!

I have problem customizing Helix Framework template. I want to change width of the page to lets say 1140 px. If I do it in the framework menu it changes only text field width but all graphics stay full width. How I can make it look like in attachment below?
I know I can use

Code: Select all

body {
    width: 940px;
}
but it makes mobile version unreliable. So it becomes none responsive. Is there better way of editing the code?

Website: http://www.slamex.url.ph


Thank you!
You do not have the required permissions to view the files attached to this post.

User avatar
9themestore
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 148
Joined: Tue May 10, 2011 4:09 am
Contact:

Re: Customizing Helix framework

Post by 9themestore » Tue Aug 26, 2014 3:08 pm

Hi,

Open the template.css file in the "[root]/templates/shaper_helix_ii/css" path and add below CSS rules to the bottom of file.

Code: Select all

body .body-innerwrapper {
  margin: 0 auto;
  width: 1140px;
}
Hope this helps
My happiness is helping someone. :)
Website: http://www.9themestore.com

mrwadim
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Sun Aug 24, 2014 7:34 pm

Re: Customizing Helix framework

Post by mrwadim » Wed Aug 27, 2014 7:51 pm

9themestore wrote:Hi,

Open the template.css file in the "[root]/templates/shaper_helix_ii/css" path and add below CSS rules to the bottom of file.

Code: Select all

body .body-innerwrapper {
  margin: 0 auto;
  width: 1140px;
}
Thank you for this but it also make website not responsive. If I use mobile phone it doesn't look good anymore with these width parameters.

Maybe you can tell me also how I can stick footer to the bottom of the page?
Thank you!

Hope this helps


Locked

Return to “Templates for Joomla! 3.x”