Picture Formatting

  • Hello there!

    I had a quick question about picture formatting. I swapped out the previous picture that was on this page with a new one. However, the new picture isn’t showing correctly and isn’t positioning the picture in a normal way. You can’t even see the person. Any idea why? Do I have to format the picture differently?

    The website is https://www.lachfinancial.com/history/
    and the picture I’m referring to is the one above the orange box on the right. Also, below you will find the CSS code for this image.

    
.subpage div.sidebar.box.profile {
    background: #f3f3f3 url('https://www.lachfinancial.com/wp-content/uploads/2017/02/lach-headshot2.jpg') no-repeat center top;
    height: 275px;
}

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • did you use an image with the same size as the previous image?

    your new image seems to be too large for the space;
    to scale it, try and add this to your style:

    background-size: 100% 100%;

    Thread Starter babussell2

    (@babussell2)

    The new image was indeed bigger than the old one. Your solution worked. I’m having the same issue with the last picture on my site as well. The image covers the entire front of the box instead of being in the bottom right corner on the homepage. The code for this one is currently 

    .main_content {
		background: url(images/lach_photo.png) no-repeat bottom right;
                
}

    It’s not covering the box now because I restored it to the old image just so visitors will not see it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Picture Formatting’ is closed to new replies.