Public Forums 71,145 posts

[enriquepuig Friend enriquepuigJoin date: April 2010Posts: 3Downloads:5Uploads:0 Thanks: 1]

#1030124

I’am creating a website usuin ja simply (test.albinism.eu)
I selected a background-image for header in template configuration and i´d like it to be centered, responsive and not repeated. Is it posible? How to do it?
Thanks in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030172

Hi
Add below code in custom.css file to put the image responsive and no repeat

#header {
    background-size: cover;
    background-repeat: no-repeat;
}

repalce cover wiith 100% if you want to resize image with respect to container size.
Regards

[enriquepuig Friend enriquepuigJoin date: April 2010Posts: 3Downloads:5Uploads:0 Thanks: 1]

#1030232

Thank you very much
As you indicated I did the modifications using background-size: 100%; And works perfectly.
Would it be posiblke that both the logo and the height of the header also fit?

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030533

Hi
Logo already using the max width and height you can add a big size logo to increase the background image height of logo.

Regards

[skiffler Friend skifflerJoin date: June 2016Posts: 2Downloads:8Uploads:0]

#1083932

Hi,
I tried this change with no success, making the chance in the file named:
"/templates/ja_simpli/csscustom-styles.tpl.css" – is this the correct file to fill in the changes?
Weeks ago the header-paremeters (custom-logo, width, height) were filled in and stored – could this result the disfunktion?
I also tried to create a custom.css with the code above – also no success.
Thanks – and best wishes for the New Year!

[skiffler Friend skifflerJoin date: June 2016Posts: 2Downloads:8Uploads:0]

#1084007

Have found my mistake – just mixed background-picture <-> logo. Sorry.
Thanks for your work!
Regards and again best wishes for 2018!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1084148

You are welcome!
Happy New Year

[Author]

Posts