Skip to content
● Grav 2.0 is officially stable. Read the announcement →
Log in Register
Themes & Styling

Howto create extended footer with 3 partial blocks?

first-time

Solved by Sjoerd Smeets View solution

Started by Sjoerd Smeets 8 years ago · 2 replies · 945 views
8 years ago

Hello, i'm new to Grav but it looks like a nice CMS for small projects where WordPress is to bloated for. Im familiar with WP howto create widget areas for the Footer for example.

For Grav i couldn't find information howto do this. I'm using a copy of the Quark theme created with devtools. I think that i need to extend the footer with 3 partial blocks, but i'm looking for some reference. Do you know a theme which has this so i can look at it? Or point me to info for doing this? I've used search but couldn't find anything (yet)..

Thanks!

👍 1
8 years ago

@SjoerdSmeets The Quark theme comes with the template 'templates/partials/sidebar.html.twig' which shows a list of plugins which are enabled. You might call that a kind of 'widget area'..

8 years ago Solution

Got it fixed, didn't use sidebar, but extended base.html.twig

HTML

    <section id="footer" class="section bg-gray">
        <section class="container {{ grid_size }}">
            <div class="columns">
                <div class="col-4 col-sm-12 col-md-4">
                Column 1
                </div>
                <div class="col-4 col-sm-12 col-md-4">
                Column 2
                </div>
                <div class="col-4 col-sm-12 col-md-4">
                Column 3
                 </div>
            </div>
        </section>
    </section>```
👍 1

Suggested topics

Topic Participants Replies Views Activity
Typhoon set width
Themes & Styling · by stuart young, 2 weeks ago
3 251 2 weeks ago
Quark2 theme skeleton
Themes & Styling · by Sebadamus, 3 weeks ago
5 317 2 weeks ago
A Visual Acceptance Matrix for Grav 2 Theme Reviews: What to Check Before CSS Ships
Themes & Styling · by martynfoster735, 4 weeks ago
1 310 4 weeks ago
Quark2 and image_align: left -- images stays right
Themes & Styling · by Justin Young, 1 month ago
1 348 1 month ago
environment://images in theme blueprints not working
Themes & Styling · by Slebeig, 2 months ago
4 474 2 months ago