Joomla Templates Club 406,261 posts

[ccgr Friend ccgrJoin date: October 2008Posts: 7Downloads:0Uploads:0]

#186857

I’m trying to switch to a repeating background on my site…we’re using the default Mitius style. I have changed the template.css files from

background: url(../../../images/body_bg.jpg) no-repeat center top #000 to

background: url(http://www.christcenteredgamer.com/images/background.gif) center top #000

No matter what I do, the previous background remains. What am I doing wrong?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490342

You want to repeat background image, you can use this way: background: url();

This is sample, you can test it

background: url(http://www.christcenteredgamer.com/images/resized/images/terreria/box_152_200.jpg);

[conticreative Friend conticreativeJoin date: February 2013Posts: 9Downloads:4Uploads:1]

#490501

<em>@Ninja Lead 369558 wrote:</em><blockquote>You want to repeat background image, you can use this way: background: url();

This is sample, you can test it

background: url(http://www.christcenteredgamer.com/images/resized/images/terreria/box_152_200.jpg);
</blockquote>

What I see here is CSS code that will repeat a backgroung. I assume the OP was aware of how to write the correct CSS. Instead, I believe the OP problem is that he is changing the code and compiling less but nothing is changing, which is pretty much the same problem I am having.

I found 2 instances of the background image in the /t3/dev/blue/ css files and the corresponding ones in the template folder. Yet no matter what I do the template loads the old images, not the new images I am pointing to. I think the OLP is having the same problem.

What I believe he wants to know is this:

In order to change the background image for the site, which CSS file needs to be edited?

I think we can figure out the CSS on our own, thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490724

You can find LESS file this path here

+ Open templates/ja_mitius/less/core.less file

from

body {
background: url(../images/body_bg.jpg) no-repeat center top @BodyBackground;
color: @textColor;
font-family: @BaseFontFamily;
font-size: @BaseFontSize;
line-height: @BaseLineHeight;
margin: 0;
padding-top: 30px;
}

change to


body {
background: url(../../../images/background.jpg) center top @BodyBackground;
color: @textColor;
font-family: @BaseFontFamily;
font-size: @BaseFontSize;
line-height: @BaseLineHeight;
margin: 0;
padding-top: 30px;
}


+ Go to Admin -> Template Manager -> JA Mitius Template -> Click Compile LESS to CSS button

[Author]

Posts