Hi Eri

To amend try adding the following to the Custom CSS field of your templates parameters...

[class^="social-"] a, [class*=" social-"] a {

    background-color: transparent;

} 

Ciarán

Hello Ciaran!

Please tell me how to change the background color of the social icons, shown when the mouse is not over them, so as not to be different from the color of the illustration on the back, in the following url:

http://www.gw-thegreekwineroutes.com/en/test-template

Thank you in advance.

Best regards,

Eri

Hi JT

The issue is your background is going to be cropped differently depending on the screen size it is been viewed on. One solution would be to set a max-width to your header image equal to that of your background image (edit to taste)...

#container_header {

    background-position: 50% 0% !important;

    background-size: auto auto !important;

    margin: 0 auto;

    max-width: 1100px;

} 

If you have a page using the full screen option you will need to create a new template style for it to which the above CSS will not be added... http://www.joomla51.com/tutorials/item/creating-multiple-template-styles

Ciarán

Nope that did not work right either. You were right about the parallax. So what dimensions would be idea for using as headers if I'm not using full image except for only the home page?


JT

Hello

Try the following Custom CSS instead. Note this will disable the parallax effect...

#container_header {

    background-position: 50% 0 !important;

    background-size: auto auto !important;

    padding-top: 0;

} 

Ciarán

Ciarán,

This had no affect on the image and it is now just super magnified. The original image is 1100px X 325px.

http://69.167.136.231/~freedomairhelos/index.php/about-us

Hello

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

#header {

    height: 325px;

} 

Ciarán

Ciaran,

How can I adjust the height of the static header image. I have an image that is 1100px wide and I want it to be 325px height, but it is seems to be stuck at 262px height. Just need to know which file and where to adjust height because I notice that it is set to auto.

Hi Eri

The header of our Boss template can only contain a static single image which can be set within the 'Style' tab of your templates parameters.

Ciarán

Thank you Ciarán!

Could you also tell me if I can adjust a Header image slideshow in the Boss template?

Thank you again for all your help!

Kind regards,

Eri

Hi Eri

You can edit the Y position of your logo via the 'Logo' tab of your templates parameters. For your site this currently appears to be set to 102px. Try changing it something like 10px.

Menu item color can also be changed in the 'Menus' tab of your templates parameters (Hornav Text Color).

Ciarán