Home page- Section One Image

[Maria Oliver]

Hi guys!

trying fo finalize the set up of Moonrise for my site, I’m running into some issues with the main picture in the section one of the Home Page.

I’ve tried resizing it and scaling it back and forth (according to your guidelines regarding size on the sidebar of the theme instructions), changing the size of the top margin, the image height…and I can not manage to get the whole image to show up. Sometimes it gets cropped in the top and all the time the bottom is hidden.

I’m attaching the image I’m using.

I would REALLY appreciate some advice.

Thanks!

María

Attachments:

1. 

   logo.png
   

[Bill Robbins]

Hello Maria,

Thank you for your business first of all. Excellent question too. The block images will have some cropping; either top/bottom or left/right. They do that to fill the entire area without skewing the picture.

We can change the background from “cover” to “contain” so that all of the image will be seen. Here’s how to do that:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #one div.picture-block {	
   	background-size: contain;
   	background-color: #fff;
   }
   

3. Update your settings.

See if that doesn’t do the trick for you. Let me know if you have any trouble.

Have a great week,
Bill

[Maria Oliver]

Fixed!

Thank you very much Bill!

[Bill Robbins]

Fantastic…let me know if you need anything else.

[Author]

Posts