Website design

  • Posts: 179
3 weeks 6 days ago - 3 weeks 6 days ago #1 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%;
}

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

  • Posts: 3737
3 weeks 6 days ago #2 by crosire
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.