Blog Page adjustments
Autor: Fatih A.
Visited 1257,
Followers 1,
Udostępniony 0
Hi Friends,
I have added a blog page to my website but I wonder is there a way to adjust the top and bottom margin of the blog page. My content on the blog page is almost adjacent to the header. As you know I cannot add a simple separator before any content on the blog page since it occurs in the special pages section. Maybe somebody knows a solution.
Thanks in advance,
Posted on the
HI:
Well, I have made this style where I add space in the content of the post: I hope and it is what you need.
Place Before closing the HEAD tag (in step 3 - select Blog: Main Page - Properties - Advanced)
<!-- Visualizaciones de 1400px hasta xxxx -->
<style>
@media(min-width: 1400px){
.imBlogPostBody{
padding: 30px 45px 30px 40px;
}
}
</style>
<!-- Visualizaciones de 1200px hasta 1399px -->
<style>
@media(max-width: 1399px){
.imBlogPostBody{
padding: 25px 40px 25px 40px;
}
}
</style>
<!-- Visualizaciones de 1100px hasta 1199px -->
<style>
@media(max-width: 1199px){
.imBlogPostBody{
padding: 25px 35px 25px 35px;
}
}
</style>
<!-- Visualizaciones de 960px hasta 1099px -->
<style>
@media(max-width: 1099px){
.imBlogPostBody{
padding: 20px 30px 20px 30px;
}
}
</style>
<!-- Visualizaciones de 720px hasta 959px -->
<style>
@media(max-width: 959px){
.imBlogPostBody{
padding: 15px 25px 15px 25px;
}
}
</style>
<!-- Visualizaciones de 480px hasta 719px -->
<style>
@media(max-width: 719px){
.imBlogPostBody{
padding: 10px 20px 10px 20px;
}
}
</style>
<!-- Visualizaciones abajo de 480 -->
<style>
@media(max-width: 479px){
.imBlogPostBody{
padding: 10px 10px 10px 10px;
}
}
</style>
NOTE: I have placed it by separate displays. It's just a matter of editing according to what you have.
It is only in the content where the space is applied. (Red arrows)
In the titles and image of the blog it does not apply. (Green lines)
Good day.
Autor
Hi Miguel,
Thanks for the help. I tried your css code but it didn't work. I think it is because of some inscriptionsin your code is in Spanish while my project is in English. I will work over the code to translate it. Thanks for the help.