Hi Manfred

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Replace # with the URL to your image.

body {

    background-image: url('#');

    background-attachment: fixed;

    background-size: cover;

}

body > * {

    max-width: 1290px;

    margin: 0 auto;

}

.body_bg {

  display: none;

}

Ciaran

Hi Ciaran,

it's the same URL as for the logo-changes. If you have a screen resolution higher than 1290px, you see a white area left and right of the website. We would like to add the background picture to this empty space.

Manfred

Hi Manfred

Would you a URL to an example of the area you wish to apply a background image to?

Ciaran

Hi Ciaran,

Thank you very much!!

I have another short question. Is it possible to add a background image for the free space beside of the homepage area. The template width is currently 1290px and we want to fill up the free space.

Manfred

Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.logo {

    display: flex;

    justify-content: flex-end;

}

@media only screen and (max-width: 767px) {

  .logo {

    justify-content: center;

  }

}

Ciaran

Hi Ciaran,

I've sent you a private message.

Best regards,
Manfred

Hi Manfred

Would you have a URL to an example of your site/logo?

Ciaran

Sorry for hijacking this thread but I've also a question concerning the LAYLA template

I've already tried some suggestions (found in the forum) but none worked. On the desktop version I want to move the logo from the left to the right side. On the mobile version, it should be centered.

Regards,
Manfred

It works perfect.

Thanks Ciaran

Hi Frank

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(Edit to taste)

.header_bottom {

    border-color: #000;

}

Ciaran