Blog editing
Author: Ivan M.
Visited 1014,
Followers 1,
Shared 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
Posted on the
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.
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>
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 -----
New CSS-Code for centered text.
-----
<style>
.imBlogPostBody {
margin: auto;
max-width: 640px !important;
}
</style>
-----
On my website, I set the width specification to "720px" in the CSS code.
-----
<style>
.imBlogPostBody {
margin: auto;
max-width: 720px !important;
}
</style>
-----
Author
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
Author
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
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.
Author
Daniel thank you so much. It works as wished from my side. Siegbert thank you as well.