[AlexElda]

I can see within “theme options > common styles” that there is a default page title background which is 1920 x 375 pixels.

However, when trying to override this image using “edit category > Title background image” and uploading an image of the exact same size it seems to zoom in onto the image as the responsive nature of the theme takes over.

I cannot see how to fix this, please advise.

[Althemist]

Hi AlexElda,

Not really sure what do you mean by “it seems to zoom in”. Could you, please give us a link where we can see the problem “live”?

[AlexElda]

This reply has been marked as private.

[Althemist]

I can see.

The standard page title background size only applies for backgrounds applied site-wide. The custom title background applied per category/page is using another design and is quite larger. It must be at least 1920x540px, otherwise it gets stretched to cover the entire area.

[AlexElda]

This reply has been marked as private.

[AlexElda]

This reply has been marked as private.

[Althemist]

It is not zoomed. It would just stretch to cover the entire area (if needed) as it’s quire bigger than the one set in the Theme Options. There is a wasy to overcome it with some simple CSS. Something like this:

.babystreet_title_holder.title_has_image .inner {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.babystreet_title_holder .babystreet-zoomable-background {
  background-size: unset !important;
  background-attachment: initial !important;
}

That should be enough to “normalize” it, but keep in mind it may cause problems on pages where the header type is set to Transparent.

[AlexElda]

This reply has been marked as private.

[AlexElda]

This reply has been marked as private.

[Althemist]

There are settings for this under Theme Options > Common Styles – Customized page title color (with background image)

[Author]

Posts