Skip to content
Grav 2.0 is officially stable. Read the announcement →
Archive

Changing the footer text

Started by Muut Archive 9 years ago · 15 replies · 10881 views
9 years ago

Hi, just starting out with Grav and loving it so far. Till I've learned the file structure I'm sticking to the default theme and that's what I need help with. How do I change the footer text? I'd like to add 2-3 columns with some contact information and what not.

9 years ago

The best way to find where something is defined is load the user folder in a code editor (Sublime Text, Atom or any other) and search for a specific line that you're looking for. It will point you to the right file.

9 years ago

To be more precise, I know where to edit the footer text. But I can't find the actual "look" of the footer. I've added 4 lines of text in a <p>, however, the 4th line is halfway outside the page. The footer I found is just referring to a footer block, which I can't find. I've been looking for hours.. :P

9 years ago

If you are talking about the Antimatter theme, then look at /user/themes/antimatter/templates/partials/base.html.twig. If it isn't that, then it might be one of the other partials.

9 years ago

That's the file I'm in. Can't find anything relevant in the other partials. This is what I did. What I want is for the footer to wrap around the text, but there's gotta be a max-height to the footer somewhere or something as the text break out of it.

HTML
{% block footer %}
        <footer id="footer">
            <div class="totop">
                <span><a href="#" id="toTop"><i class="fa fa-arrow-up"></i></a></span>
            </div>
            <p>Powered by <a href="#">Grav</a>.</p>
            <div class="left-text" style="float:left;text-align:justify">
              Kontakt<br>
              Hittepåvägen 3<br>
              86000, City<br>
              07X - XXXXXXX<br>
          </div>
        </footer>
        {% endblock %}

This is how it ends up
Footer

9 years ago

Ah, right. So it is the CSS that must be the problem. I can't really help with that, because my own theme is a child theme where I can make only the changes I need. Did you look in /user/themes/antimatter/css-compil ed/template.css? I'm not a very advanced developer (I'm not a developer at all, really) so I often use the Web Inspector to see how an element is styled and then to test the changes needed to make it look how I want.

9 years ago

Looks like it! Awesome! Thanks, I got it from here. (I hope)

9 years ago

I suggest to be careful with modifying directly the antimatter theme. Definitely look at making a child theme, unless you are happy to never update the antimatter theme (which could then overwrite your own changes)

9 years ago

also, while it will work fine to modify the compiled css (assuming you never get into sass/less), it might be better to use the compiled css (or even the associated scss source files) just to identify the style you are trying to change. Then rather than modify that file. use your own custom.css file where you redefine the same style. It then keeps all your custom changes in one spot, which is easier to find later too. Sorry, I'm probably making it more complicated for you in the short term. https://learn.getgrav.org/themes/customization#custom-css

9 years ago

@dm9876
I suggest to be careful with modifying directly the antimatter theme. Definitely look at making a child theme

How do I do that then? Is there any easy way to just duplicate the theme with all my changes?

9 years ago

That's what I did, and it worked for me! :)

9 years ago

I made my child-theme, however the custom.css doesn't seem to co-operate. I made the file, and did a body a {#color;} just to see if it was working, now all links still show up in the color I set even tho I cleared the custom.css file. If I delete the file, the links go back to the initial color and if I create a new custom.css without even opening the file, they turn into the color I set before deleting the file. I'm confused and can't find anything about it in the docs.

9 years ago

Are you clearing the cache between each page load? That can make a difference.

9 years ago

@jeremyc
Are you clearing the cache between each page load? That can make a difference.

Yes, I tried that. Tried with Firefox now tho and that's working, gotta be something weird with my Chrome.

Suggested topics

Topic Participants Replies Views Activity
Archive · by Deleted User, 9 years ago
0 1330 9 years ago
Archive · by Muut Archive, 9 years ago
2 922 9 years ago
Archive · by Muut Archive, 9 years ago
2 4052 9 years ago
Archive · by Muut Archive, 9 years ago
1 2930 9 years ago
Archive · by Muut Archive, 9 years ago
3 1109 9 years ago