Css or appearance problem : _index.md different of posts/pages even with same content

hello guys

Im testing hugo since few weeks and with the hello-friend theme, I just see that the main page doesnt have the same appearance than the pages ones.
I have :
content/_index.md whom is the same as
content/posts/[allpages].md
where _index.md is the same file as the posts/main.md
however, all pages in posts have the same and correct css/appearance
with the _index.md, at the root of website, the text is width-out of sized.

how could I solve this?

I let pics in attachment to understand problem better…

thank you vm!

on the previous post its a screen of the _index.md http://site.com page
on that one its a screen of the post/otherpages.md as http://site.com/post/otherpages

as you can see text is not managed on the same way… maybe how to redirect on the post files directly?

For a quick fix, enable the frame for the home page.

content/_index.md

+++
title = 'My Home Page'
date = 2021-01-01T00:00:00-00:00
draft = false
framed = true
+++

thank you, it is scaled in a box well-sized, but it’s still in “center” as text, how to get it left-oriented within the box? I dont find the related css…

thank you vm

mkdir static
touch static/style.css

static/style.css

.framed {
  text-align: left;
}

Or something.

The static/style.css file is for all of your overrides.

1 Like

thank you for replies
it works for about few seconds, then refresh/F5 brought it back to center… it’s very bizarre…
I made the content/static/style.css plus the static/style.css at the root of the website dir. But it changes if for few seconds only…

Why? That doesn’t do anything unless you’ve wired your site in an unexpected fashion.

Please post a link to the public repository for your project.

See https://discourse.gohugo.io/t/requesting-help/9132.

Let us see your code

Include a link to the source code repository of your project, because we really need the context of seeing your templates and partials to be able to help you. It is trivial to do a quick git clone on your repo, then run hugo server in your project, to help you out. On the other hand, recreating your code from screenshots, or sort of guessing at it, is not.

If you can’t share your repository for whatever reason, consider creating a dummy repo that you can share, which reproduces the problem you’re experiencing.