In WebSiteX5, under "3 Sitemap" at the bottom of the special pages, select either "Blog: Main Page" or "Blog: Article Page" and then click on "Edit" at the top. Here you can then change the margins to create spacing.

-----

-----

Correction:

or "Blog: Article Page"

Hi Daniel, thank you! But this configuration you presented is internal to the card. In my case, the image is on the left and the text on the right.It doesn't work.Unfortunately. In the case of the text of the post itself, the title is also stuck to the top.There should be a button to configure the margins as we do with normal pages. I understand that in the Blog, both the layout of the blog cards and the posts should be characterized as free "elements" of the tool for a "normal" page.At least with regard to the adjustment controls.But it's a distant dream.Today I would be happy if I could simply have the button to control the internal and external margins :O)

Set the spacing above and below the image in the blog posts using CSS code.

To do this, under "3 Sitemap" at the bottom of the special pages, select "Blog: Main page" and click on "Properties" at the top, then click on the "Advanced" tab and under...

   Custom code
   Before the closing HEAD tag

... insert this CSS code (adjust the spacing if necessary) ...

   <style>
   .imBlogPostCover {
   margin-top: 30px;
   margin-bottom: 50px !important;
   }
   </style>

-----

I don't think you understood, but that's okay.I'll explain it better.The card is correct, as you can see in the attachment.The problem is the external part of the card next to the body of the website.There is no option to adjust the distance between the correct card and the top of the website.The same situation is seen in the full post.I'll demonstrate it in the figures to make it easier to understand.Sometimes the only way to solve it is by using CSS.But that's not the purpose of the tool.I'll take new prints and mark them so you can check.
In green is what is correct, and in red is what is wrong.

Incomedia also has to offer a solution regarding the left and right margins, because depending on the screen width there are wide margins or no margins at all.

-----

Exactly.There is no point in putting in the effort to create images, text, etc., if everything ends up unformatted, out of place, and misaligned.It looks like someone took someone else's template page and patched it up in an amateurish way.Incomedia really needs to come up with a solution for such basic things.Let's wait and see, maybe a temporary solution will come along. I've never had the courage to use the blog tool, because every time I tried I was prevented from continuing with the available resources.I've lost clients, but I'd rather do something that could later be negatively impacted.The shopping section also needs significant improvements, as do the templates for creating landing pages that no one can find, but I'm not going to mix things up.For now, the focus is simply on being able to control the margins of the card and the post itself.

I have now found a simple solution with some CSS code for the padding in the blog articles.

In WebSite X5 under "3 Sitemap" at the bottom of the special pages, select "Blog: Main page" and click on "Properties" at the top, then click on the "Advanced" tab and under...

   Custom code
   Before the closing HEAD tag

... insert this CSS code (adjust the spacing if necessary) ...

   <style>
   #imBlogPage {
   padding: 50px 25px 10px 25px;
   }
   </style>

Note on the order of the information for the size of the padding:

padding: 50px 25px 10px 25px;

(Padding: top right bottom left)

-----

Hello Allan,
I will report your feedback about this, thank you.

Eric

Hello Mr. Eric.

For days now, I have been trying to individually adjust the distance between the top of the content field and the top of the page. Mr. Daniel has tried to help me in several ways, but it has not worked. For example, in the last interaction we had, he tried to help me with the individual adjustment of the blog page with CSS, however, in the latest updated version it is not possible to adjust the CSS.

I will send prints to help the Incomedia team. But allow me to describe what I have noticed so far.

The only way to adjust the distance between the body and the top is a general configuration THAT AFFECTS ALL PAGES on the site. Since my main page has an element that needs to be glued to the top and I cannot customize the main page of the site separately, I cannot also work on the other pages regarding the distance mentioned above. It will be explicit in the print, but you can see it directly on the site that is already published: crosstech.com.br.

I see two options: either they allow me to individually adjust the distance from the body to the top on the main page, or they allow me to adjust the distance on the special Blog page. To be honest, I would prefer the first option, but the ideal would be to be able to adjust ANY PAGE as needed. I don't know if you agree with me.

As a contribution, I would like to explain the idea/possibility of treating the Blog as a native element of the X5 Website. I don't know if the tool was developed with object-oriented architecture to make it easier to understand, but I think it would be a huge step forward. Maybe in future versions, who knows. The advantages (market differential) would be, for example, being able to have more than one blog on the same site. Think about my specific case. I have 3 lines of business in my micro-company: strategic management, technology and training. I would have to have 3 domains, and each domain would have its own blog. But they all refer to the same company. If it were an "element" or object, I could instantiate and customize each one separately in the same domain. To try to get around the current limitations, I would have to create subdomains so that I could have 3 blogs, each representing a line of business. However, I would lose all visual identity and have to copy the entire original project every time I made a change. 3 copies of the same layout. Well, I know it's a dilemma if we focus on my specific case, but the advantages of having a "blog element" transcend the particularity. For example, having all the controls in just one place. Today, we have to go back and forth between sections 2 and 3 countless times to do anything on the blog. In sections 2, we have the posts and part of the settings and adjustments, and in sections 3 (site map), other adjustments for the same blog. It doesn't make sense. Well, it's an idea.

I await your response.

Thank you very much, so far, everyone.

Allan Galvão.

Hello Allan,
switching to an object-based system, similar to what happens for standard pages, would require a major overhaul and in the short term the way to manage the blog will remain the same, but I will report this feedback so that we may consider a different approach to the blog in the future, and also your feedback about having more freedom in how margins and similar aspects are managed in each page.

Eric

The CSS code is incorrect and was inserted incorrectly, so the CSS code cannot work.

-----

With the right CSS code it works, I just tested it with the web developer tool.

-----

I have attached the CSS code as a screenshot so that it is not distorted by translation tools.

.

----- Screenshot -----

I can't use the field (I'm on version 2024.4.6).

CSS code here.

-----

-----

Perfect!It worked! The top issue has been resolved, thank you very much. It didn't work trying to adjust the distance at the baseboard, as it pushed the side block down as a whole, but it has improved a lot!Many thanks, master.