Joomla Templates Club 406,261 posts

[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#196228

I’d like to have an image file (backgroundimage.png) appear on all pages and places.
I see other templates in forum queries but none for Argo template.

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

#528450

Changes suggested below will help you touch the background for all pages

Open templates/ja_argo/less/core.less file and change with my mark

Change


body {
background-color: @BodyBackground;
color: @textColor;
font-family: @BaseFontFamily;
font-size: @BaseFontSize;
line-height: @BaseLineHeight;
margin: @navbarHeight 0 0;
}


To


body {
background-image:url("backgroundimage.png");
color: @textColor;
font-family: @BaseFontFamily;
font-size: @BaseFontSize;
line-height: @BaseLineHeight;
margin: @navbarHeight 0 0;
}


[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#528520

Tried this:
background-image:url(/images/Background/star-bckground.png”);
The background went to white with no background image. I am using the Dark variant of the template and the background should be at least black.
The image will appear using http://www.variableangles.com/images/Background/star-bckground.png on the browser.

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

#528736

With the Dark variant of the template, you can try workaround below:

Open the templates/ja_argo/css/custom.css file and add declaration below:

body {
background-image: url(/images/Background/star-bckground.png);
}

If you still need help on this, you can PM me admin login of your site, I will help you out.

[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#528803

The trick is the dark template.css.
Editing file “/css/themes/dark/template.css” in template “ja_argo”.
I put the below code at the end of hte template.css and it works.
body {
background-image: url(/images/Background/star-bckground.png);
}

Thanks,
Richard

[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#528804

Maybe I was wrong. I deleted the code in custom and the background disappeared. Maybe the cache needed catching up.

1 user says Thank You to richnyc30 for this useful post

1. Ninja Lead

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

#528944

Awesome! I’m glad you find the way out. I see it’s working fine with the background defined in the custom.css file.

[Author]

Posts