WebSite X5Help Center

 
Ivan M.
Ivan M.
User

Blog editing  en

Auteur : Ivan M.
Visité 983, Followers 1, Partagé 0  

Hi everyone, 

I have a question. Is there a way how to specify the width of the text in the blog. I wanted to have it bit narrower (thinner), but I don t see any option to make it smaller. 

If it is possible, how could I reformat articles in the blog?

Thank You a lot.

Ivan

visit channeling.sk 

Posté le
9 RéPONSES - 1 UTILES - 1 CORRECT
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

This is a case for the CSS experts.

I'm not a CSS expert and my attempts at CCS have not worked.

You can enable the [</>] symbol for HTML code in the blog post, but the HTML code will be garbled and thus unusable.

Lire plus
Posté le de Daniel W.
Siegbert G.
Siegbert G.
User

I'm not an expert in CSS, but I used this code that the text in the blog, especially when responsive, is spaced from the margin. Is this what you meant?

<style>
.imBlogPostBody, #imBlogContent .imBreadcrumb, #imPgTitle, #imPgTitle a, .imPgTitle, .imPgTitle a {
margin-left: 20px;
margin-right: 20px;
margin-top: 12px;
}
</style>

Lire plus
Posté le de Siegbert G.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

My first attempt failed due to a typo, here is the 2nd attempt without a typo.

The CSS experts would still have to improve it to make it look good.

----- WebSite X5 -----

3 Sitemap

Blog: main page <-- click

Properties <-- Click

Advanced <-- click

-----

Custom code:

Before the </HEAD> tag

<style>
.imBlogPostBody {
max-width: 640px !important;
}
</style>

----- Screenshot -----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

New CSS-Code for centered text.

-----

<style>
.imBlogPostBody {
margin: auto;
max-width: 640px !important;
}
</style>

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

On my website, I set the width specification to "720px" in the CSS code.

-----

<style>
.imBlogPostBody {
margin: auto;
max-width: 720px !important;
}
</style>

-----

Lire plus
Posté le de Daniel W.
Ivan M.
Ivan M.
User
Auteur

Hi guys,

wow, thank You very much for answers, I will try to do it.

Let You know if I succeeded.

Have a good one.

Ivan

Lire plus
Posté le de Ivan M.
Ivan M.
Ivan M.
User
Auteur

Hi guys,

how can I get into CSS style please :-D 

Thanks I am not so good at creating websites, that s why I decided easier way to create them by using website X5.

thanks a lot.

Ivan

Lire plus
Posté le de Ivan M.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

In one of my previous posts I already described how to add CSS code to the blog, described here again, see

----- WebSite X5 -----

3 Sitemap

Blog: main page <-- click

Properties <-- Click

Advanced <-- click

-----

Custom code:

Before the </HEAD> tag

1 ... insert CSS code here ...

-----------------------

Of course you need good CSS knowledge if you want to create the right CSS code yourself.

Lire plus
Posté le de Daniel W.
Ivan M.
Ivan M.
User
Auteur

Daniel thank you so much. It works as wished from my side. Siegbert thank you as well. 

Lire plus
Posté le de Ivan M.