BakSen

IT WORKED! Thank you very much and thanks for your patience as well ??

Hi again,

Unfortunately, it does not work. I just tried it and did exactly as you write. As soon as i delete the below code and only keep your previously sent code, the narrowing of the content disappears. And nothing happens with the page width.

}
.single #content{
width: 45em;
margin: auto;
}

I re-inserted the above code and that one works. Just not on pages.

Oh no, this las code messed it up again ??

here is what i have now:

}
.main-navigation ul.nav-menu {
    text-align: center;
}
@media (max-width:800px){
	body.single #content {
        margin: 0 7.6%;
        width: auto;
    }
}
body.single #content,
	width:53%;
	margin:auto;
}

This is how my code looks now:

}
.single #content{
width: 45em;
margin: auto;
}
@media (max-width:800px){
	body.single #content {
        margin: 0 7.6%;
        width: auto;
    }
}
body.single #content{
	width:53%;
	margin:auto;
}

YES it worked! Thanks a lot for your help ??

Just out of curiosity: If i want to have the same setting for certain pages, eg. ‘About’ page on my blog, do i just use the same code and change the part i marked in bold?

.single <strong>#content</strong>{
width: 45em; //replace this with the value you pleased.
margin: auto;

If yes, do you then just write the name of that page?

And if i want to have this setting throughout the whole blog what do i then change in the code?

Thanks a load for your help – i really appreciate it. Apparently, i still have a lot to learn.

Ah now i got ?? Thanks a lot – it works!
Now i have to fix the center alignment. Maybe I am bad at explaining my exact goal. I did manage to center align content on my posts (not pages) but it does not look good as the text had a wider margin than the images. I want them all to be aligned. Does it help to take a look at this page: https://copenhagencakes.com/2014/05/25/tips-til-hjemmelavet-isthe/

I want my posts to look just like they do on the above link (maybe slighty broader depending on how big the images are).

Any ideas to how i can do that?

This is my current code:

.main-navigation ul.nav-menu {
    text-align: center;
}
.site {
    max-width: 68.5714rem;
}

.site-content {
    width: 65.1042%;
}

And where do i exactly add that?

Sorry for being such a pain.

I tried to install the widget plug-in but i have no idea what code i should put in under each widget in order for it to only display widgets on my front page.

Hi Ellp,

Thanks ??

I am sorry, but i am kind of disabled when it comes to CSS etc. So what codes do i need in order to center my content?

Thanks for your help