How to Set Up the Avada Blog Grid 100%?

/, Tutorials, Web Development/How to Set Up the Avada Blog Grid 100%?

How to Set Up the Avada Blog Grid 100%?

Let me show you the sample of what I’m talking about. This is the link:
avada.theme-fusion.com/grid-100-2

It is actually not in the Avada Theme Options or in the Fusion Page Options. Took me a while to figure it out. It is actually a short-code. No one created a tutorial for it. I tried google really deep, but no luck. I had to figure it out by myself. Hope this will help someone out there.

1. Create a new page (ex. my-blog)
2. Click Use Fusion Builder
3. Add a container and Select the Blank Builder Container
4. Add Column
5. Click the 1/1 Builder Column
6. Add Element
7. Click Text Block
8. Change to text mode if you are in the Visual Mode.
9. Insert the short-code:
[fusion_blog layout="grid" blog_grid_columns="5" blog_grid_column_spacing="10" number_posts="10" offset="" pull_by="" cat_slug="" exclude_cats="" tag_slug="" exclude_tags="" orderby="" order="" thumbnail="" title="" title_link="" excerpt="" excerpt_length="" strip_html="" meta_all="" meta_author="" meta_categories="" meta_comments="" meta_date="" meta_link="" meta_tags="" paging="" scrolling="" hide_on_mobile="" class="" id=""][/fusion_blog]
10. Click Save.
10. Don’t go to Container Settings yet. Go to your Page Attribute first and Change the Page Template to 100% Width.
11. Click the Container Settings and Change the General > Interior Content Width – 100% Width.
12. Click Save and That’s it!
13. You can customize the shortcode above to your likings. You can find the Element Parameters here or the attributes:
theme-fusion.com/fb-doc/elements/fusion-builder-elements-list/#fbel-blog

By | 2018-02-20T22:59:20+00:00 February 20th, 2018|MyBlog, Tutorials, Web Development|0 Comments

About the Author:

Leave A Comment