1. johannarakers
  2. Commercial Templates
  3. Tuesday, 25 February 2020
  4.  Subscribe via email
Hi Ciarian,

How can I make a backgroundimage in Carmen template. The image should be visible always. The image should be a background image of the BODY. Only the image should be ALWAYS UNDER the white menu of the Carmen template.

On page https://testing.ademcoachingamsterdam.com/ademcoaching-amsterdam/ademcoaching-amsterdam-wat-levert-ademcoaching-op.html it is almost okay → But at the BOTTOM the background image should STOP where the footer (yellow) ends (under the red line in the attached image).

I made this custom CSS to achieve it. Is it okay or van it be more simple?

body {
background-attachment: fixed;
background-image: url("/images/ademcoaching-amsterdam-background-body-2400px.jpg";);
background-size: cover;
}

#container_main, .item-image.pull-none + .item-content {
background-color: transparent;
}

#container_header {
background-color: transparent;
}

.is-sticky #container_header {
background-color: transparent!important;
}






Thanks,

Frank Hoekstra
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Frank

Could you check the URL provided as it appears to give us a 404 not found error.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Frank.

What you have added looks good. I dont think it could be made much simpler.

One addition that might help is the following which will move your footer to the bottom of the page if the content is not enough to fill the viewport...

[code].content_main {
min-height: calc(100vh - 226px);
}[/codde]

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!