Elxis CMS Forum

Support => Technical support => Topic started by: Kamran on March 18, 2012, 13:24:23

Title: adaptive website
Post by: Kamran on March 18, 2012, 13:24:23

Hi,

I'd like to know how I can make my website to fit all screen size. The under construction site's , www.payab-zamzam.com/PZnewSite, template is ks-Lservice.

thanks for your help.

Title: Re: adaptive website
Post by: nikos on March 18, 2012, 14:07:14

Welcome Kamran to Elxis CMS!

For full screen size you need a template like Open Mind (http://www.elxis-downloads.com/downloads/front-end-templates/81.html) or any template which has a width 100% and not fixed in pixels like this you have chosen. In case that you want to work on ks-Lservice (http://www.elxis-downloads.com/downloads/front-end-templates/217.html) template and to make it work in full screen, you have to make modifications on it, which demands some knowledge of css and php. If you can not, contact it's creator and ask for a custom one.

Title: Re: adaptive website
Post by: Kamran on March 19, 2012, 10:33:17

Hi nikos,

Thank you for your reply. I tried to solve the problem by converting px to em in layot and costumize files in the css template , width to 100%, and not having tables in px but it did not work. I also contacted the template creator for help. If you could give me some leads, I keep trying to solve the problem. For example on which files I should work and so on. Even fonts shouldn't be in px?

thanks,
kamran

Title: Re: adaptive website
Post by: nikos on March 19, 2012, 12:52:54

Dear Kamran

It is not so easy to tell you with a few words do this and that and is over. Any template has it's philosophy in styling and you must be experienced to change it and make it look, as you like.

The main files of the template on which you have to work are layout.css and index.php and of course later you will have to work and on customize.css. This you have to do is to change width in divs from pixels to % and to work with float element. Font size (px or em) is not so important. The template also has a trick with column which is called rightcolumn but works as left. The same job you have to do also and on files layout-rtl.css and customize-rtl.css for Persian language.

You have to know also that using such templates, you can not make some modules which are made and working with specific dimensions in pixels to "sit" on various module positions, as you like. So even if you make it, you may face problems later with this.

Ks-net who is the creator of the template could tell you more. But if you are not familiar with html, css and php it will not be easy to do it by yourself.

There is also the solution to order here (https://forum.elxis.org/index.php?board=48.0) a custom one template as you like it.

Title: Re: adaptive website
Post by: Kamran on March 20, 2012, 15:57:52

Thank you, nikos.

Title: Re: adaptive website
Post by: nikos on March 22, 2012, 11:02:08

You are welcome  ;)

Additionally i suggest you to read carefully the following 3 guides, which will help you to understand how is made a template for Elxis CMS

1. Elxis template tutorial - Introduction (https://www.elxis.org/guides/developers-guides/template-tutorial-introduction.html)

2. Modules CSS reference (https://www.elxis.org/guides/developers-guides/modules-css-reference.html)

3. Load module by name (https://www.elxis.org/guides/developers-guides/load-module-by-name.html)