Newbie Really struggling with Themler

22 Posts

lynnmonk posted this 20 December 2017

I've been using Artisteer for several years and found it very intuitive, but I'm new to Themler and finding that it's not as easy as it looks.

I'm not a programmer and know only very basic HTML. I am using Themeler for mainly Wordpress and HTML themes.

I 've been through all the documentation and tutoral videos but I can't find anything anywhere that explains the basic concepts and structure of Themler layouts. I've been struggling for over a week now to make a new layout for the first one of several sites that I need to update and nothing seems to want to stay where I put it!

I'm sure my problems all stem from my lack of understanding of these new structures. But there are so many boxes and containers to deal with.

Please can someone explain all this to me? I need to know the order in which to nest things and whether or not they are even required. I need to know other parameters that affect the positioning of items and where to find them so that I can fix things. I need to know what each kind of container does specifically or uniquely so that I can determine which I need to use.

E.G. I had a footer where all the content was jumping to an area below the section. Despite adjusting all the margins and padding on the footer, section, columns, individual column, items and content to zero with no joy; it wasn't until I came across the "Row" parameters that I found the excessive margin that was causing the problem.

Now I have a top menu that isn't showing on all pages. Presumably because it is in a "section" that is not within the "Footer, all pages" container. But every time I try to move it into that area it disappears completely from the page! I managed to save it as a zip file, but when I try to add it, either it doesn't appear, or I get a message saying that there is already a top menu on the page (one that I can no longer see!).

Can someone please help?

I've been using Artisteer for several years and found it very intuitive, but I'm new to Themler and finding that it's not as easy as it looks. I'm not a programmer and know only very basic HTML. I am using Themeler for mainly Wordpress and HTML themes. I 've been through all the documentation and tutoral videos but I can't find anything anywhere that explains the basic concepts and structure of Themler layouts. I've been struggling for over a week now to make a new layout for the first one of several sites that I need to update and nothing seems to want to stay where I put it! I'm sure my problems all stem from my lack of understanding of these new structures. But there are so many boxes and containers to deal with. Please can someone explain all this to me? I need to know the order in which to nest things and whether or not they are even required. I need to know other parameters that affect the positioning of items and where to find them so that I can fix things. I need to know what each kind of container does specifically or uniquely so that I can determine which I need to use. E.G. I had a footer where all the content was jumping to an area below the section. Despite adjusting all the margins and padding on the footer, section, columns, individual column, items and content to zero with no joy; it wasn't until I came across the "Row" parameters that I found the excessive margin that was causing the problem. Now I have a top menu that isn't showing on all pages. Presumably because it is in a "section" that is not within the "Footer, all pages" container. But every time I try to move it into that area it disappears completely from the page! I managed to save it as a zip file, but when I try to add it, either it doesn't appear, or I get a message saying that there is already a top menu on the page (one that I can no longer see!). Can someone please help?

layouts containersw nesting

Vote to pay developers attention to this features or issue.

5 Comments

Order By: Standard | Newest

Support Team posted this 21 December 2017

Hi,

Please attach your theme exported with the content and editor included. Also it will be convenient to see some marked screen shots explaining what you want to achieve in the theme.

Sincerely,
Hella

Hi, Please attach your theme exported with the content and editor included. Also it will be convenient to see some marked screen shots explaining what you want to achieve in the theme. Sincerely, Hella

22 Posts

lynnmonk posted this 21 December 2017

Thanks, Hella.

It's taken me a week just to get this far...

All I need is for the header and footer and top menu to appear on all pages. Also, the backlinks is currently off the bottom of the screen, I need that to appear on all pages also and for it to be stuck underneath the footer and not where it can't be seen.

It doesn't help that I dont get any scroll bars to see what is off the top and bottom of the page views either. Is that a bug? I've been developing it using only Themler's local server so far. I've not tried it on the actual site yet.

I still need someone to write a proper tutorial on the issues I mentioned regarding the nesting and use of the different containers and stuff as I've no idea what elements are specific to each. For instance, I discovered after much hair-pulling, that the HTML box only displays the html code and wont stay where I put it unless it is also within a container. Simple things like this really need to be explained to newbies like me.

Regards,
Lynn.

Thanks, Hella. It's taken me a week just to get this far... All I need is for the header and footer and top menu to appear on all pages. Also, the backlinks is currently off the bottom of the screen, I need that to appear on all pages also and for it to be stuck underneath the footer and not where it can't be seen. It doesn't help that I dont get any scroll bars to see what is off the top and bottom of the page views either. Is that a bug? I've been developing it using only Themler's local server so far. I've not tried it on the actual site yet. I still need someone to write a proper tutorial on the issues I mentioned regarding the nesting and use of the different containers and stuff as I've no idea what elements are specific to each. For instance, I discovered after much hair-pulling, that the HTML box only displays the html code and wont stay where I put it unless it is also within a container. Simple things like this really need to be explained to newbies like me. Regards, Lynn.

SeniorSoundsTemp.zip

Support Team posted this 25 December 2017

Hi,

I will try to explain a bit. The areas marked with the orange border are shared through all the templates. It's like header, footer and sidebars. You header was already on all the pages. The Footer container was empty and the section with the footer columns was inside the template. Also pay attention to the positioning. You have set the absolute positioning to footer, section and backward links, that's why they were not in the correct place. This article has the outdated screen shots, but it will explain you the difference between the relative and absolute positioning:
http://answers.themler.io/articles/5167/positioning-1

Please try the template I have attached.

Sincerely,
Hella

Hi, I will try to explain a bit. The areas marked with the orange border are shared through all the templates. It's like header, footer and sidebars. You header was already on all the pages. The Footer container was empty and the section with the footer columns was inside the template. Also pay attention to the positioning. You have set the absolute positioning to footer, section and backward links, that's why they were not in the correct place. This article has the outdated screen shots, but it will explain you the difference between the relative and absolute positioning: http://answers.themler.io/articles/5167/positioning-1 Please try the template I have attached. Sincerely, Hella

SeniorSoundsTemp-1.zip

22 Posts

lynnmonk posted this 26 December 2017

Thanks Hella.

Yes, after I realised that I tried to move the menu and footer into the "all pages" boxes but the program wasn't accepting the change.

Thanks for the link. That has answered a couple of my questions, but I still have many!

What is the difference between a "Canvas" a "page" and a "Section"?
Do I need to put everything in a "Section" or in a "container"? What is the difference?
Is the "Default" page, a template for all the pages? or just a particular page?
Do "columns" have to be inside a "section" or "container"?

I hope someone writes a tutoral that covers these basic principles one day!

Regards,
Lynn.

Thanks Hella. Yes, after I realised that I tried to move the menu and footer into the "all pages" boxes but the program wasn't accepting the change. Thanks for the link. That has answered a couple of my questions, but I still have many! What is the difference between a "Canvas" a "page" and a "Section"? Do I need to put everything in a "Section" or in a "container"? What is the difference? Is the "Default" page, a template for all the pages? or just a particular page? Do "columns" have to be inside a "section" or "container"? I hope someone writes a tutoral that covers these basic principles one day! Regards, Lynn.

Support Team posted this 26 December 2017

Hi,

What is the difference between a "Canvas" a "page" and a "Section"?

Canvas element will be a container in the page with the absolute positioning of the elements. In the simple Section you can position the elements with the option you want. By the default they will be positioned relatively, but you can change the positioning option for each element in its options.

Do I need to put everything in a "Section" or in a "container"? What is the difference?

Actually, there is no big difference. But the Section is more general container to organize your content. Also section can be exported from the theme to be used in other themes then.

Is the "Default" page, a template for all the pages? or just a particular page?

Please refer to this article:
http://answers.themler.io/articles/36359/how-to-work-with-templates-in-wordpress-themes

If you need such information about any other CMS, just open the appropriate chapter in the documentation for the corresponding article.

Do "columns" have to be inside a "section" or "container"?

That depends on what you want to achieve in the layout. Columns can be positioned inside section or container. And also that control can be used in the template on its own.

Feel free to experiment to see how each control works. And also do not hesitate to contact us when you need some help.

Sincerely,
Hella

Hi, >What is the difference between a "Canvas" a "page" and a "Section"? Canvas element will be a container in the page with the absolute positioning of the elements. In the simple Section you can position the elements with the option you want. By the default they will be positioned relatively, but you can change the positioning option for each element in its options. >Do I need to put everything in a "Section" or in a "container"? What is the difference? Actually, there is no big difference. But the Section is more general container to organize your content. Also section can be exported from the theme to be used in other themes then. >Is the "Default" page, a template for all the pages? or just a particular page? Please refer to this article: http://answers.themler.io/articles/36359/how-to-work-with-templates-in-wordpress-themes If you need such information about any other CMS, just open the appropriate chapter in the documentation for the corresponding article. >Do "columns" have to be inside a "section" or "container"? That depends on what you want to achieve in the layout. Columns can be positioned inside section or container. And also that control can be used in the template on its own. Feel free to experiment to see how each control works. And also do not hesitate to contact us when you need some help. Sincerely, Hella

You must log in or register to leave comments