How to create this section

stephane.fonteyne
6 Posts
stephane.fonteyne posted this 16 August 2017

Hi all,

How can I develop this example in themler?.
I have add an blank section but how to add components added like container, title, text, icons
Here is the example

Thanks
Stephane

Hi all, How can I develop this example in themler?. I have add an blank section but how to add components added like container, title, text, icons Here is the example Thanks Stephane
Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 16 August 2017

Hi,

Add the Columns control inside the section. Make 2 columns and set the first one to be 66% width and the second one to be 33%. Then in the first one place the Text control with the heading and the HTML control where in the code you could add the list and then style bullets to have such check marks.
In the second column you can add containers, one under another and style each border type for all those containers. In each container you can add the Text control.

Sincerely,
Hella

Hi, Add the Columns control inside the section. Make 2 columns and set the first one to be 66% width and the second one to be 33%. Then in the first one place the Text control with the heading and the HTML control where in the code you could add the list and then style bullets to have such check marks. In the second column you can add containers, one under another and style each border type for all those containers. In each container you can add the Text control. Sincerely, Hella
stephane.fonteyne
6 Posts
stephane.fonteyne posted this 16 August 2017

What are the code for add the list and then style bullets to have such.
I try to insert the containers in my colum but it doesn't work.
What do I wrong

What are the code for add the list and then style bullets to have such. I try to insert the containers in my colum but it doesn't work. What do I wrong
Support Team
Support Team posted this 17 August 2017

Hi,

Please try the attached section. To import it add the empty section in your theme and then in the top ribbon choose the Import option.

Sincerely,
Hella

Hi, Please try the attached section. To import it add the empty section in your theme and then in the top ribbon choose the Import option. Sincerely, Hella
stephane.fonteyne
6 Posts
stephane.fonteyne posted this 17 August 2017

Can you please view the steps how to import the section-1.zip into themler?

Can you please view the steps how to import the section-1.zip into themler?
Support Team
Support Team posted this 17 August 2017

Hi,

  1. You add the empty section in the theme from the Insert tab.
  2. When the section is added into your theme, the Section tab with its options should appear on the top ribbon.
  3. There is an Import option on the ribbon.
  4. Click it and choose the .zip file to upload.

Sincerely,
Hella

Hi, 1. You add the empty section in the theme from the Insert tab. 2. When the section is added into your theme, the Section tab with its options should appear on the top ribbon. 3. There is an Import option on the ribbon. 4. Click it and choose the .zip file to upload. Sincerely, Hella
stephane.fonteyne
6 Posts
stephane.fonteyne posted this 17 August 2017

Hi, Thanks

I have implmented but how can I set the UL list in css?

Next question:

How can I created the footer1 & footer2 section see attachment.
I don't know how I can do that. I try positioning containers but it jump above and I wil se the correct position.
Thanks for the attachment in the previous posts

Kind regards

Hi, Thanks I have implmented but how can I set the UL list in css? Next question: How can I created the footer1 & footer2 section see attachment. I don't know how I can do that. I try positioning containers but it jump above and I wil se the correct position. Thanks for the attachment in the previous posts Kind regards
Support Team
Support Team posted this 29 August 2017

Hi,

In this specific example you can adjust the style of the bullet list here instead of css:

bullet-list-style.png

If you check the library of the existing footer Section in Themler you will find similar Section which you can use on your side oк check how they are made.
I've attached two examples. In the second example you can replace Text control with Search if needed.

Thank you,
Olivia

Hi, In this specific example you can adjust the style of the bullet list here instead of css: !bullet-list-style.png! If you check the library of the existing footer Section in Themler you will find similar Section which you can use on your side oк check how they are made. I've attached two examples. In the second example you can replace Text control with Search if needed. Thank you, Olivia
You must log in or register to leave comments