Solved 47px offset and page background

Hello good day,
My English is bad I'll try to explain myself with pictures.

I am making a website for a client https://gt.geotecniaalperi.com/ which is currently in the testing phase.

For the blog, I installed Divi Ultimate Archive Plugin and Divi Ultimate Blog Plugin following the Divi Help instructions as so many times for other websites where I used it for other sites without problem.

But on this site something funny happens to me with -47px
If I activate the Divi Ultimate Blog Plugin (img 01) you would have to scroll up -47px as we can see in this link: https://gt.geotecniaalperi.com/medio-ambiente-natural/

The rest of the pages look good (img 02).
But if I also activate the Divi Ultimate Archive Plugin all the pages are scrolled by those -47px (img 03/04).

Can you help me?
I would also like to give the same treatment to the bottom of the blog pages as in the design of the web, and in the plugins it seems to me that there is not that option of being able to design the background with color and background image as in the Divi sections.

If you need more information, let me know
All the best

 

Okay great.
Headspace issue has now been fixed.
As always, your attention is magnificent.

Now in the blog pages I would like to put the background as in the rest of the pages of the site, a color and an image as I am designing the website.

I see that in your plugins Divi Ultimate Archive Plugin and Divi Ultimate Blog Plugin do not have background editing and it would still be an excellent extension for everyone. The same as being able to edit not only for PC, but also for tablet and smartphone in all its parameters.

This is still a great effort, but with a CSS that you can contribute anyway, it would be a good temporary help.

I hope you understand what I want to tell you but for now, the help for the background that I comment on, I need to finish this website in the blog part:
https://gt.geotecniaalperi.com/noticias/
https://gt.geotecniaalperi.com/categoria/noticias/
https://gt.geotecniaalperi.com/medio-ambiente-natural/
https://gt.geotecniaalperi.com/?s=
https://gt.geotecniaalperi.com/?s=geologia

Thank you very much in advance

 

Sorry, maybe I did not explain well for the blog page. The CSS they provide me changes the header image and I want to customize the background of the single page. See attached image.

Thank you

 

The CSS is perfect, it also works for the rest of the blog pages such as categories, search results, etc.

You would need to move down the contents of the archive pages as indicated in the image (img_list.jpg).

In these pages now when scrolling, it is mounted on the top menu (img_scroll.jpg).

On the blog article page the background is now perfect, the problem now is the colors of the texts (img_blog.jpg).

Sorry to give so much trouble

If these settings are implemented in the plugin, I have no problem paying for upgrades of the improvements

Thanks a lot again for everything

 

Hello again,
I solved with CSS several things more than the colors of the texts on the background, etc. (img_1 - img_2) I checked the entire web and I have it practically finished, but ... what was my surprise when I saw that the screen of the articles (blog) in tablet and smartfone that is displaced upwards ... see it in the images (img_3 - img_4) I don't know why it happened and the more laps I give it, I don't know how fix it. On PC it looks perfectly.

Can you help me?
Thank you.

 

Ok perfect, that corrected the post header, now the top image and title are on your PC, Tablet and smartphone site (img_ok.jpg) depending on where you put it in the child theme css it works or is canceled. I am attaching the css file of the child theme.

Now only the lower part of the post remains (mobile_1.jpg and mobile_2.jpg) and on the tablet (tablet_1.jpg).

Thank you very much and greetings

 

Perfect, now it looks good on all devices
Thanks a million for everything.

In summary to this incident, I will write you with some suggestion to implement these improvements in your plugin to be able to manage the background on the blog pages. I will finish the web so as not to make my client wait and then I will write you with these suggestions that I think will improve sales a lot.

All the best

 

My client tells me that on his ipad and iphone the background of the blog looks bad, I don't use Apple devices and I can't see it.
I attach the images that my client gives me.

 

OK understood.
I will solve it then without problem
I will also take note for future times, since this theme is repeated very frequently.

Thank you very much for everything.

NOTE:
I repeat that an extension in your plugin to be able to edit the background of the blog and archive would be great, as well as being able to have parameters for pc, tablet and smartphone as they exist in Divi, since the sizes, spaces and margins in the three devices require Always make adjustments to make them correct.

The design in Divi can be adjusted well in these things, but when we get to the blog ... everything gets complicated and with your plugin it is solved, but these things would be missing to be perfect.

Courage with this, it will be a good advance, and I and so many users will be happy to pay for these extensions.

All the best

 

Sorry for not answering you before, this email got confused, I'm sorry. Of all this issue I have solved it, I already completed that CSS and solved the problem.
---
* Personalizar espacio sup listado y posición z en scroll
y color del texto en el resultado de la búsqueda sin resultados*/
@media (max-width: 980px) {
#logo, #main-header, .container, .logo_container {
margin-top: -65px!important;
margin-bottom: 10px!important;
}
}
@media (max-width: 500px) {
#logo, #main-header, .container, .logo_container {
margin-top: -100px!important;
margin-bottom: -10px!important;
}
}

.free-archive-wrapper {
padding-top: 50px;
padding-bottom: 10px;
color: #fff!important;
}
header {
z-index: 99996;
position: relative;
}
.free-archive-wrapper h1 {
padding-top: 25px;
color: #fff!important;
}
.free-archive-wrapper #sidebar {
padding-top: 28px!important;
padding-bottom: 2%;
}
---
Thank you so much for everything.
And remember that I don't mind paying to add background image management for the blog within your plugin.