Hi there,

Thanks for contacting us. Sorry for the inconvenience. Please add this css code inside the custom.css file.

.com-content.view-article #sp-title {
    display: initial;
}

-Thanks

Thank you for your answer. It works but another big problem surges: there is way too much padding now. If i try to change the .com-content.view-article padding, in others content with no slide image on top, the padding is too small, any way around that?

Hi there,

Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon. 

-Thanks

Ok, thanks

Username and password do not match or you do not have an account yet.

Sorry, here you go, should work now:

Please check now. Thanks

Looks good! Thanks a lot. Could you tell me what you changes so i know what to do please?

Added a css code inside custom css box.

Sorry, but it is not good, i did try before:

.com-content.view-article .article-details { padding:0 30px }

but the problem is when the article has no image header, it is cut, as i refered in my first post, another image to illustrate:

Added alternative css code. Check again. Thanks

Not good, check this link for instance: http://cm-vilareal.pt/2022/index.php/recursos-humanos/codigo-de-boa-conduta-administrativa And thank you for the help

Check again. Thanks

Nop. This page looks good: http://cm-vilareal.pt/2022/index.php/recursos-humanos/codigo-de-boa-conduta-administrativa

But this one no: http://cm-vilareal.pt/2022/index.php/areas-e-servicos/aguas-e-residuos

Check again. Thanks

Thank you very much. Now it looks ok on all pages. Could you please tell me what you changed, what files and what code? If i need to start the website from scratch, i need to konow where to look. Thanks again

Added css code inside the custom css box.

Is it this code or is there more, because this looks like the initial code:

.com-content.view-article .article-details { padding:0 30px }

.com-content.view-article #sp-title { display: initial; }

I just added parent class of body. You will understand the css class name like .itemid-388

Thanks but i do not understand, this is my custom.css, where is it? Or is it another file?

.com-content.view-article .article-header h1 { font-size: 39px !important; line-height: 51px; text-transform: uppercase; }

sp-header.header-sticky {

position: fixed;
z-index: 9999;
background-image:linear-gradient(131deg, #465462 0%, #34373b 100%) !important

}

sp-header .sp-megamenu-parent > li > a {

font-size: 17px;

}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-size: 17px; }

.sp-menu-separator { font-size: 17px; }

.com-content.view-article #sp-header { background-image:linear-gradient(131deg, #465462 0%, #34373b 100%) !important }

.article-social-share .social-share-icon ul li a .fa.fa-google-plus{ display:none !important; }

.super-iframe-holder { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.super-iframe-holder iframe, .super-iframe-holder object, .super-iframe-holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; bottom: 0; outline: 0; }

.com-content.view-article .article-details { padding:0 30px }

.com-content.view-article #sp-title { display: initial; }

I have added css code inside the template custom css box. Thanks

I am sorry but you are not answering to my question. Specifically, what code did you introduce and in what file? Thank you

WAO! Thank you so much! Now it´s clear. Great assistance.

You are most welcome. Will you please spend some to write a review about our product and support quality? 

https://extensions.joomla.org/extension/sp-page-builder/

Hello again Toufiq, Regarding the same situation, there is still a problem regarding the menu. In all other pages, the menu bar first appears transparent and then when you scroll down, the background kicks in. It does not happen in this pages, it must need extra coding too.

If you use background image page title of menu then you will get it autometically. Thanks

Well, i did exactly what i do with other pages, i am not sure what you mean:

http://cm-vilareal.pt/2022/index.php/areas-e-servicos/saude-publica-e-veterinaria

Can you give me super administrator access?

sure, it is still the same...

Super administrator access, Please. Thanks

I just did

Do you understand what is the super administrator?

Sorry, if you mean super user, you have the privileges now. Thank you

Please check now. Thanks

Nochanges. In all other pages, the menu bar first appears transparent and then when you scroll down, the background kicks in. It does not happen in this pages, i am sure it related with the menu item pointing to a single article, like the problem you brilliantly solved regarding the extra spacing. http://cm-vilareal.pt/2022/index.php/areas-e-servicos/aguas-e-residuos http://cm-vilareal.pt/2022/index.php/areas-e-servicos/saude-publica-e-veterinaria

Please watch the video.

https://drive.google.com/file/d/10UEmoNPI5H-NTmK1yQrw6cqcFYhL3k5f/view

Sorry, after watching your video i tried with a different browser and it worked, so i did a clean history and hard refresh on safari and it works now. I also see that you included the code in the custom.css file. Thank you very much, great work!

:( Sorry again, Unfortunately, now i found out that in the articles with no title image, the menu bar starts with no background and then when i scroll, the background is a different color than the others... http://cm-vilareal.pt/2022/index.php/banco-local-de-voluntariado

Check now. Thanks

I see you wrote the css for this article only and it works. The problem is, i have many many articles in this situation and writing css per article is not a solution. For me it would be much easier to write the css only for the articles with a image title like you did for the padding since i have only a few:

.itemid-394 section#sp-main-body { padding: 10px 0 !important; }

Thanks a lot

If you have many articles then you have to use solid background or page title image background. There is no alternative process as far as i know. Thanks

well then, i prefer to lose the transparent background on the few pages like it was before. could you please remove the code to make that happen? Thanks

Do you wanna remove custom css code of header background?

I prefer to keep the header background on the pages with single articles, it is less work for me. Thank you

Check now. Thanks

It looks ok but what does this line do:

.itemid-373.com-content.view-article #sp-header { background-image:linear-gradient(131deg, #465462 0%, #34373b 100%);

}

You can remove it

Ok, thank you very much, great support!

You are most welcome. Will you please spend some to write a review about our product and support quality? 

https://extensions.joomla.org/extension/sp-page-builder/