Space around

And it will be also nice if you can tell me how to reduce the space in the widgets on the right without the add-on, only with css. Thank you very much!

You could do something like this:

@media (max-width: 768px) {
    .separate-containers .inside-article,
    .sidebar .widget {
        padding: 20px;
    }
}

Sorry but it doesnt work

Ah now it work, but I want that the I See the category in the article report on the deskotp but not on the mobile. How cann I add it with CSS ?

2. Well, if you watch my site with a moile phone, you see, that in the article report, there is so much space (right,left,bottom, top) around the featured image and the image is also not centered. How can I add this ?

And sometimes the title is under the featured image. I want, that the featured image is always left without so much space around and the title, author and date is on the left on mobile phones. Thank you very much.

1.

@media (max-width: 768px) {
    footer.entry-meta {
        display: none;
    }
}

2. I believe this is because you’ve added this CSS:

.post-image img {
    margin-top: 1em;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
}

3. This should be fixed if you remove the above.

Thank you, it works. But when I removed the code with the .post-image css, then the featured image in the article report is completely on the left without any space. how can i make the featured image on the desktop (not on the mobile) a little bit more right ? Thank you

Oh, I find a solution. Last question: In an article, I want to change the headline/title. I want to make it font-weight: bolder; which class do I need to add this css ?

You can use the Typography add-on, or this CSS:

h2.entry-title {
    font-weight: bold;
}