Website design

  • klotim
  • Topic Author
More
3 years 10 months ago - 3 years 10 months ago #1 by klotim Website design was created by klotim
I would suggest that you add these properties to your css to make the background on your landing page better.
If you have any questions let me know, I'm a frontend developer


/**
* Makes the image static so it gives a parallax effect when scrolling and image is having good proportions.
* Removes the padding to support #g-showcase .g-container
*/
#g-showcase {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
padding: 0;
}

/**
* 30% black background-color on top of image to make it easy to see the text on all your images. Since you randomize your images its better to make sure the-
* text looks good in all cases
*/
#g-showcase .g-container {
background: rgba(0,0,0,.3);
width: 100%;
}
Last edit: 3 years 10 months ago by klotim.

Please Log in or Create an account to join the conversation.

  • crosire
More
3 years 10 months ago #2 by crosire Replied by crosire on topic Website design
Thanks. I forgot about "cover", was looking for that, but chose the wrong one.

Please Log in or Create an account to join the conversation.

  • klotim
  • Topic Author
More
3 years 7 months ago #3 by klotim Replied by klotim on topic Website design
did the design break again from a previous git?

Please Log in or Create an account to join the conversation.

  • crosire
More
3 years 7 months ago #4 by crosire Replied by crosire on topic Website design
Every backend update kills all customizations, so I have to remember to reapply them ...

Please Log in or Create an account to join the conversation.

We use cookies
We use cookies on our website. Some of them are essential for the operation of the forum. You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.