Hey there, I'm currently trying to add a background image to the bottom left of my webpage. The layout includes both left and right sidebars. Unfortunately, I've encountered some issues with positioning the image using CSS in both the left sidebar and main content area.
Here's the look I'm going for: (It's the girl at the bottom left of the page that I want to remain fixed there regardless of the page length.)
However, the image currently appears like this with the CSS I've implemented:
This is the CSS I've used:
.Content {
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom;
background-repeat: no-repeat;
overflow: visible;
}
.Left {
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom;
background-repeat: no-repeat;
overflow: visible;
}
When I adjust the background position like this: background:
url(../../__custom/images/blue/page-bottom-1.jpg) -150px 100%;