How to create a Dynamic Blog Post with images

[Mang]

Hi,

I have created a Blog Page and adding posts to this Blog Page. How can I create Post with images and make it dynamic. I cannot Edit the Posts like I can Edit a Page with Pro. Is there a step by step way to create a post in Pro or a Template.
How can I make the posts searchable on the site?

Thanks

[Mang]

Also - Is there a layout, design, template to create a Help Topic Page?

Thanks

[marc_a]

Hi @Mang,

Thanks for reaching out.

We uploaded new videos about loopers, please watch all of them so that you will have an idea of how the loopers work and it might help you build your dynamic blog post with images.

• https://www.youtube.com/watch?v=-LSZ7cGLNso&feature=youtu.be
• https://www.youtube.com/watch?v=dfhD5M8A8As&feature=youtu.be
• https://www.youtube.com/watch?v=MkP_4NFTd6s&feature=youtu.be
• https://www.youtube.com/watch?v=VuE-NXnanC4&feature=youtu.be

On the other hand, see the link below for available design, template in our design cloud.

• https://theme.co/designcloud

Hope that helps.

Thank you

[Mang]

Thank you!

Is there any Templates and guide to create Help Topics?
How can I create a help topic page like Themco.

[marc_a]

Hi @Mang,

We don’t have any templates or guides to create help topics. I suggest that you will create all the page topics and then on your page select Layout - Content Left, Sidebar Right or Layout - Sidebar Left, Content Right page template. Then create a menu for your help topics to be added in the sidebar so that it will have the same looks as themeco docs.

Hope that helps.

Thank you.

[Mang]

Thank you Marc, that was a good suggestion. How can I

1. Add a Search Bar to search through this topics?
2. Remove the arrows on the sidebar. Please see attached.
3. Increase the font size of the text. Please see attached.

Thanks

[Mang]

I have created help topic pages. I also want to create One page which will have links to all these pages.
Is there any template/idea to create this One page with links to all these pages?

Appreciate all you guy’s guidance. It really helps a lot!

Thanks

[ruenel]

Hello @Mang,

When I checked your Register page I am only seeing this:

Can you please provide the correct URL so we can check the page?

Thank you.

[Mang]

Hi Ruenel,

Here are the URLs.

Thanks

[tristup]

Hi @Mang,

It seems that you have used the Accordion element to show the Help Topics in the page, whereas the reference URL has the multicolumn structure to show the topics. I would suggest you create a page from scratch with multi-column and add the topic on each column as in the reference URL. Please find the screenshot describing a similar structure.

Hope this helps.
Thanks

[Mang]

Thanks Tristup.

How can I
Add a Search Bar to this multi-column page to only search for Help Topics, not products

On this page (please see secured note), How can I

1. Add a Search Bar to search through the help topics? Similar to your Help Topic Page.
2. Remove the arrows on the sidebar. Please see attached.
3. Increase the font size of the text. Please see attached.

Sincerely

[ruenel]

Hello @Mang,

1. Add a Search Bar to search through the help topics? Similar to your Help Topic Page.

• This will require custom PHP coding that returns custom filtered search results. Be advised that this is already considered a custom development which is beyond the scope of our support already. You may need to seek help from 3rd party developers.

2. Remove the arrows on the sidebar. Please see attached.

• The arrows were displayed using this built-in CSS.

.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before {
    content: "";
    padding-right: .4em;
}

If you ever want to completely get rid of it, simply use the code above and set a display: none; property so that it will not display. Therefore, adding this modified CSS in Pro > Theme Options > Custom CSS should remove the arrows:

.widget_nav_menu ul li a:before, 
.widget_meta ul li a:before, 
.widget_pages ul li a:before {
    display: none;
}

3. Increase the font size of the text. Please see attached.

• You added your content using the Content Area element. The content area does have any text format option. To be able to increase the font size, please find the “Customize” tab in your content area settings:
  
  
  
  
  

And then insert this element CSS:

$el {
  font-size: 1.2em;
}

Feel free to increase or reduce the font size of the Content Area element.

Best Regards.