Increasing background image size

More
3 years 9 months ago #8996 by Ironside1969
Ironside1969 created the topic: Increasing background image size
I want to replace the background image on the home page. However, just noticed that its tiling, in other words the 1050 x 499 pixel image that I have created does not stretch right across the top. Is this possible?

Please Log in or Create an account to join the conversation.

More
3 years 9 months ago #8997 by artur
artur replied the topic: Increasing background image size
Hello,
Background image in this template is 'repeated'.
You can add css style in 'less/custom.less' (create file if not available) if you want change this behaviour. Example :
#jm-header {
background-repeat: no-repeat;
background-position: center center;
/* some other styles */
}

Regards.

Please Log in or Create an account to join the conversation.

More
3 years 9 months ago #8998 by Ironside1969
Ironside1969 replied the topic: Increasing background image size
Thank you for the example. Using this example leaves me with a gap either side of my header image. How can I make the header image stretched the full width of the heading?

Please Log in or Create an account to join the conversation.

More
3 years 9 months ago - 3 years 9 months ago #9001 by artur
artur replied the topic: Increasing background image size
Hello,
You can add for example 'background-size', but i think this is not good idea with quite small image. Better just prepare larger image.
background-size: cover;

May be helpful :
css-tricks.com/perfect-full-page-background-image/

Regards.
Last Edit: 3 years 9 months ago by artur.

Please Log in or Create an account to join the conversation.

Time to create page: 0.249 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.