Joomla Templates Club 406,261 posts

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#173372

I have problem with .css. There is one background that I need to have behind template. Background is 1500×1650 pix. In the middle is just white space.

But when you look in bigger resolution, it is mess… please advice about .css variables…

I have edit only template.css

Thank you

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#436312

Can you post the url and turn off optimise css in your template. Thanks.

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#436314

http://www.kod-javora.com/index.php

Optimise CSS is: NO

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#436319

Hi

You need to edit this file ja_bistro/css/template.css

You have two areas where it is trying to place the background image.

so at about line 26

It currently looks like this

body#bd { background: url(../images/pozadina.jpg) repeat #EFD7B4; color: #666; }

You can change it to

body#bd {
background: url(../images/pozadina.jpg);
background-size: 100%;
background-repeat: no-repeat;
}

At about line 472 you can see this

#ja-wrapper {
background: url(../images/pozadina.jpg) no-repeat left -220px;
overflow: hidden;
}

You need to delete the image here. It is what was causing the problem.

1 user says Thank You to swissa for this useful post

1. msilac

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#436324

Ok, done like you say.

For second I have delete like this

#ja-wrapper {
background: url() no-repeat left -220px;
overflow: hidden;

Look now. I think that it is ok.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#436329

Much better!

If you want to you can delete all of this

background: url() no-repeat left -220px;

Well done! 🙂

1 user says Thank You to swissa for this useful post

1. msilac

[Author]

Posts