Cover Image Header Background

zorrox

Hello.
Can you please let me know how can I have a cover image to cover the header like https://mesitesioa.gr/Test/ ?
What is the trick ? I have setup a slideshow module here www.mesitesioa.gr/index.php and I would like to cover the header like your site .
Also reporting a bug : When you select the image at overlay here: https://prnt.sc/eRUEDOAi-cve by the select button its not working, you have to add the path manual at the field .
Thanks

saguaros

You can try this custom CSS:

#t4-header + #t4-hero {
    margin-top: -143px;
}

div#t4-header {
    background: transparent !important;
}

zorrox Also reporting a bug : When you select the image at overlay here: https://prnt.sc/eRUEDOAi-cve by the select button its not working, you have to add the path manual at the field .

You should update latest version for T4 framework, I can't replicate this issue at my end.

zorrox

Hello.
Thank you for your help .
It working , BUT the header its not changing color when I move the site to the top https://prnt.sc/89N5-Lc6Q30Z .

About the bug : I dont know which version of T4 Plugin I have in my site , where I can find this really ? https://prnt.sc/_0iufkgtI_rW not says about the version ( And I dont want to install the JA Extension Manager Component )
Also Joomla not gives me any signal to update it .
I see now others has the same problem https://www.joomlart.com/forums/d/42459-overlay-background-not-uploaded/11 so I guess I have the 2.2.3 version of T4 Plugin .
In the template download not gives the 2.2.4 version : https://prnt.sc/D1L2y02voAUY you are not updating it there ?
I search it and I find it in the main T4 Plugin framework to download it https://prnt.sc/lAh92u0Zkhh1
I have install it and its working fine .

THanks

saguaros

zorrox BUT the header its not changing color when I move the site to the top https://prnt.sc/89N5-Lc6Q30Z .

You can add this custom code:

.not-at-top .t4-sticky.t4-palette-primary {
    background-color: #2e3d96 !important;
}

and change to your desired color.

For version of T4 or template, you can install our JA Extension manager to check & update.

zorrox

Hi.
So only with Ja Extension manager we can check the version of the plugin we have ?
Thanks

saguaros

zorrox You should use JA Extension manager to check and update products from JoomlArt 🙂

zorrox

Hello.

I thought that all the settings are working separately for every different template style . But I see now that changing the Custom CSS code https://prnt.sc/6HpCIPjn0nGg it seems its apply in all the different templates styles .
Is there is any way then to have custom css code apply only to the template style we want ?
For example the

#t4-header + #t4-hero {
    margin-top: -143px;
}

to work only for the Default2 template style? https://prnt.sc/EZFZ8BD-c32U
and other code only for the Default style ?

saguaros

Hi zorrox

You can work with theme as you can assign different theme for different template style.

https://www.joomlart.com/documentation/t4-framework/theme-settings#theme-settings_jadoc

zorrox

Hello.
Even if I have clone the Main Layout theme to SubPages : https://prnt.sc/FWvMoetbq3Cm the Custom Css code its the same for all the the themes and for all the template styles !
[UPDATE] I have found the solution to rename the layouts parts of the themes and adapt the custom css code , so instead of header you use at default at the clone theme I m using header2 , and style it with custom css code only for it.
Thanks