When a site with a long multi-word title is rendered on mobile, the title only has very little horizontal space, leading to line breaks, despite there being plenty of space:

This is due to the significant margins in header_title on the one hand, and due to the default, non-@media grid-template-columns values on the other.

Unfortunately, I fail to understand the semantics of grid-template-columns and so can't provide an adequate fix.

https://github.com/danielkvist/hugo-terrassa-theme/blob/aae47ccf99dfdb5e4976b030dd8464086e840f3b/assets/css/style.css#L24

The mentioned line could be remove,
allowing for longer titles.

Do you know the minimum browser level for the CSS and features used? Is IE9, 10 or 11 supported?

In the [params.social] section config.toml, I have added a new entry called donate, which is an external link to a donation page of sorts.

The icon itself is here

It seems like it is trying to render out the icon called donate from font awesome, but ends up showing the blinking exclamation mark, which signifies that it couldn't find that icon.

Any suggestions on how to add items other than what are already configured in the config.toml?

Hi,
I started building a page with the theme and it is really awesome!

I've found there is a problem, though, when having 2 posts on the blog page content list (when it shows 3 at a time). There is a very long separation between the items (one on the very top, and one in the very bottom). This only happens when using a large screen.

Here's an image to show how it looks like:

I dug down and it seems that the problem could be on the grid-auto-flow on style.css ".content". But I couldn't fix it, so I can't suggest a change. Could you have a look?

Thank you so much for the great work!!!

Could you please add some bullt points / numbers for ul and ol elements?

It seems that they get tranlated from markwon, but the included css of the team sets their list-style to none.

Is this on purpose?

From documentation :

[params]
    description = "" # Description for the meta description tag
    favicon = ""     # Relative URL for your favicon
    logo = ""        # Absolute URL for your logo

Steps to replicate:

1. Add a file favicon.ico (32x32px) at the root level (same level with config.toml)
2. Add the code above in the config.toml and set:

favicon = "favicon.ico"

3. Rebuild site
4. Launch live server and check favicon in browser and source code

Result: The favicon is not the one I set, but the Hugo's logo. This is also visible in the public folder after rebuild.

Hi there,

I setup a very basic hugo site using your theme. Thank you for theme, it looks neat! 👍 😄

I noticed that the title of a post is loaded much later in firefox for some reason and I experience a strange drop in the page. It doesnt happen on Chrome.

In the official demo, the same happens sometimes when the image on the front page is loaded.

Here is an example:

Is that a bug or a configuration issue on my end?
Thanks

Hey there, cloned the repo at 2019-01-13 02:41 UTC and loaded it into an other empty site (other than having an index page)

Got the below on generation.

$ hugo

Total in 11 ms
Error: Error building site: failed to render pages: render of "home" failed: execute of template failed: template: index.html:2:3: executing "main" at <partial "hero.html" ...>: error calling partial: "/home/user/src/site/themes/terrassa/layouts/partials/hero.html:1:11": execute of template failed: template: partials/hero.html:1:11: executing "partials/hero.html" at <index $.Params.image...>:
error calling index: index of untyped nil

$ hugo version
Hugo Static Site Generator v0.53/extended linux/amd64 BuildDate: 2018-12-24T12:58:46Z

Thanks for the great work!

Hello, I like your theme!
This is not really an issue but more of a newbie question...

How do I change the background color of the page?

Thank you for your time and hard work!

I'm writing a website for an open source project and want to add a Features list.
Your template is perfect for the project, but I can't seem to write Markdown lists using asterisks (*).

e.g.

Features

• This doesn't work

but

- This does

For now I'm using "\-" to escape the "-" markdown symbol, but this list writing ability would probably be a lot easier and nicer since it would show a dot instead of the dash.

Hey

I setup a blog site for myself using the Terrassa theme built by you. The issue I'm facing is with the blog list page wherein if I add an image the alternate text for the image is shown with a broken image symbol in Chrome browser.
In Firefox, it just shows the alternate text without any symbol.
To maintain consistency across browsers should it just go with the behavior as it is in Firefox? What are your suggestions? Can you advise how to fix this issue?

This is the blog url for reference:
https://poo17nam.github.io/posts/

https://github.com/danielkvist/hugo-terrassa-theme/blob/e69a9ecf87331d75aaff78e488eb7c6ecbe73689/layouts/partials/head.html#L22

I'm not a native hugo user, so my terminology is likely incorrect. Hopefully my point gets through.

The Home page has this 'section' type format, where it's built off of individual .md files that live in the sections folder.

Can I have another page that has a similar format? I could kinda see my way into figuring out how to copy/paste/rename the section and sections partials, but i'm not sure how the page is identified as using that structure to begin with.
[Edit] - ok maybe not now that I found this archtype folder that also looks like it has things that define page structure. I really don't want to muck with hugo honestly.

I'd like to add a page for projects using the bootstrap card deck format. Is this feasible?

I'm replacing a Wordpress site using your theme and I really like it. However, I'm not sure how to change the hero image on the home page. I put the image I want in the 'static' folder and changed the config file to the new path, but it did not appear. Any help would be appreciated.

Keep up the good work

I installed hugo for the first time, downloaded this theme as stated on the github page, changed the config.toml as stated on the github page but still get a blank page and the subject error.

As a Hugo newcomer I've spent north of an hour trying to figure out how to add a two-level menu to Terrassa.

Finally I looked into menu.html and realized that it's only iterating in one dimension through the main menu items.

It would be great to add support for at least one level of nesting, e.g.

• Home
• About
• Legal
  • Imprint
  • ToS

And to have a JavaScript / CSS based showing / hiding of the "Imprint" and "ToS" menus when hovering over "Legal".

If this is not planned, please at least clearly document the lack of nesting support :)

Hello there,

I was looking over Hugo's theme and came across this one. I would like to know if it supports dropdown menus, as I would like to categorize my blog posts and a dropdown menu when I hover would be great.

Hi. I am building my website using this theme. I want the sections at the top to appear as:

Home About . Blog Contact

instead of

Home Blog . About . Contact

Which file should I alter?

latif@latif:~/latifshaikh$ hugo server -D
Error: "/home/latif/latifshaikh/themes/terrassa/layouts/partials/head.html:10:1": parse failed: template: partials/head.html:10: function "hugo" not defined

I was trying to build a minimal site with no social media links specified in the config and it appears as though the theme requires at least one social media link.

I'm not sure if the developer intended for this to be the case.

Are dropdown menus supported, preferably CSS only?

When building the site, I am receiving a warning:
Building sites . WARN 2019/06/01 12:28:30 Page's .Hugo is deprecated and will be removed in a future release. Use the global hugo function.

Hugo will generate Open Graph meta-data by default, using the images property, among others. It will assume that the image is located in the site's root directory. If I have the following header in _index.md:

---
images: ["test.jpg"]
---

Hugo will generate the following HTML:

<meta name="twitter:image" content="https://mysite.local/test.jpg"/>
<meta property="og:image" content="https://mysite.local/test.jpg" />

Terrassa, on the other hand, will generate this:

<main class="hero" 
    style="background-image: url('https://mysite.local/images/test.jpg');" >

There is no way to consolidate those two things, except for putting the image into two different places. Furthermore, using the hero image as the OG preview is sub-optimal.

The least horrible workaround right now is to use the same file name for different purposes:

• /test.jpg is the OG preview
• /images/test.jpg is the hero graphic.