Image size

Hi Roman

http://ccsecretarialservices.com.au/services-2/

On this page, I have added an image at the top.

Can you please explain to me why the whole image is not showing. Heads are cut off.

I tried to change it so it wasn’t a parallax and it keeps doing it.

Thanks
Danielle

Hi,

The image will be cut-off to get the best fit of the background image on every screen size, there are 2 options to show more from the image or the full image:

  1. To show the full image use this Custom CSS:
#panel-368-0-0-0 .panel-widget-style {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
}

but this will leave white space around the image, because the full image is shown on every screen-size.

  1. Make the image area larger, so the image will fit more into that area, for that please use this Custom CSS:
#panel-368-0-0-0 .panel-widget-style {
    height: 800px;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Thanks Csaba

I managed to fix it. How do you get the image on the page Our Services to go darker like the image on the home page?

Thanks
Dani

Hi,

On homepage you can add an overlay, but on services page that is a widget, so if you want to have a dark overlay add it to the image itself with a photo editor application.

Best Regards,
Csaba