[brunomars]

hello what would be the recommended size for the cover page image?
Thanks
Bruno

[deseyr]

hello,

i think it would be 800×1100 px

marco

[Mehmet S.]

The images in the demo site:

– Front Cover Image: (770×1090)px

– Back Cover Image: (842×1191)px

[Azuriel]

It is possible to integrate a css code for adjusting the image ratio to always fit in the cover whatever the screen resolution is, even if it induces a little deformation of the picture.

Because right now, there are some crop when changing screen resolution.

[Mehmet S.]

Paste Theme Options > Style > Custom CSS:

#home .cover { background-size: contain; }

[JuryDuty]

Thanks, Mehmet–that’s perfect.

Now, is there a way to make it so the white background that might appear around the image is always black instead?

[Mehmet S.]

Can you provide a screenshot?

[JuryDuty]

Sure.

Here you go: http://i41.tinypic.com/14sjwab.png and http://i39.tinypic.com/sopw8n.png

You can also see it in action on my site: http://www.christopherpnmaselli.com

[Mehmet S.]

In which device?

[JuryDuty]

I just pulled that up on my desktop in Google Chrome and Firefox. Also does that on my iPad.

[Mehmet S.]

Remove the code:

#home .cover { background-size: contain; }

[JuryDuty]

LOL right—but that’s why I posted in this thread. I want the background-size to be contained, and am wondering if there’s a way to make it so the white background that might appear around the contained image is always black instead?

[Mehmet S.]

#home .cover { background-color: black; }

[JuryDuty]

Perfect–thank you, Mahmet!

[ishanjain]

Hi,
I am facing the same problem, trying to fit an image to the background of cover page. After following the thread i managed to get my image adjust according to the container and have some background image for the areas around the image. I am wondering if i can push the image up top in continuation to the above mention CSS adjustments so that whenever the image has to leave some blank area up and below itself, it will just stick to the top leaving the area below it only.

[ahmetsali]

Hi @ishanjain

try this custom css code;

.cover {
    background-size: 100%;
    background-position: center top;
}

[sammccourt]

Is there a way to always have the desktop cover image open at the same size, with nothing getting cut off or white space?

[serkan]

Hi sammccourt,
It is responsive theme, so the image needs to cut a little bit by WordPress.
Thanks

[sammccourt]

Thanks serkan, but is there a way to disable the responsiveness for the desktop?

[serkan]

Hi, sorry it is not available by default and it requires more time and effort to customization, if you are not familiar to coding you may consider hiring an expert at envato studio.

[sammccourt]

ok is there a simple way to stop it from breaking at so many sizes? It looks like there is about 8 different breaking points and I only want 3.

thank you

[serkan]

Hi, sorry it is not available by default and it requires more time and effort to customization, if you are not familiar to coding you may consider hiring an expert at envato studio.