Joomla Templates Club 406,261 posts

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#202918

Hi ;
My background will be same the site linked belove;
http://www.aak.com
It will be for all device and all screen sizes.
I am in trouble to set it?
would you please kindly say me how?
tx. in advance

Nilgün

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555958

Hi there,
Your code is right , just need remove background color for header

Thank you,
Viet Vu

---

Attachments:

1. 

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#555968

Thank you for your kind cooperation. The header part of the background now visible. But the part still unvisible.
The other important problem for me; repeated backgrounds.
Tha background setting most be campatible for all devices and screen sizes also.
regards,
Nilgün

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555970

HI there,
It’s a part of frontend job:
– Your image background not enough height to fit your screen. You need to increase it. You need to have image height fit “maximum screen height” than you want.
– And you can use


background-position: 0% top;

to set it as right-top

Thank you,
Viet Vu

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#555994

:((
Hello again.
I did . But having same problem again . Screenshot % 50 is attached. It seems worst on mobile devices.
I need you kind assistance.

Nilgün

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#556041

Hi there,
You can not use background-repeat here. Because your image is none-repeat able.

Thank you,
Viet Vu

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#556194

Ok I do not want to repeat it.
How can I make it?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#556211

Hi there,
Here is code you can use


body {
background: transparent url("http://www.aak-tr.net/images/background-shadow5.gif");
background-position: 100% 0%;
background-repeat: no-repeat;
}

But please do not HACK into template.css please use custom.css

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. nilgunce

[Author]

Posts