replace background image

Professional Joomla restaurant template comes with a custom animated modules and advanced typography elements.
GK User
Sun Apr 21, 2013 11:58 am
Hi there!

I 've just installed the quickstart package and the first thing I tried to do is to change the background image. I am supposed that I 'd replaced an image with another one first in media manager and then in template.css. But all files in media manager are empty. Am I missing something? How to do that?

My site is mumsbitar.se

Thanks in advance
User avatar
Senior Boarder

GK User
Sun Apr 21, 2013 12:03 pm
Media manager is to be used in articles or basically inside joomla components / modules etc.

Background element is part of theme and you can change by either replacing following image with your image.

Code: Select all
/images/style2/bg_pattern.png


Or by using css code to override current image.
Code: Select all
body {background-image: url("../images/style2/bg_pattern.png");}


You can add above code in to templates "css/override.css" file and enable css override option in template settings > advanced settings > css override "on".

See you around...
User avatar
Platinum Boarder

GK User
Sun Apr 21, 2013 12:44 pm
Thanks for your quick response but I still don't get it! :roll:
You wrote that image's url is : /images/style2/bg_pattern.png

So, Shouldn't I upload my image into the file before I 'll replace it in css? style2 ... But where do I find it?

Please pretend that you give instructions for dummies... :D
User avatar
Senior Boarder

GK User
Sun Apr 21, 2013 12:57 pm
Option 1:
You can rename your image to "bg_pattern.png" and upload to "templates/gk_restaurant/images/style2/" overwriting current image file.

Or

Option 2:
You can open "/templates/gk_restaurant/css/override.css" file with a notepad and add below css code in it.
For this example I have used image name as "mynewbackground.png" you can use anything you like.
Code: Select all
body {background-image: url("../images/style2/mynewbackground.png");}


You would then upload your new image to "/templates/gk_restaurant/images/style2/"

Then enable css override option in templates setting > advanced settings > css override "on".

You can do either one. Using second option is recommended as in future in case you update your template then obviously original image will come back as template update will overwrite your file.

Let me know if you need further help :)
User avatar
Platinum Boarder

GK User
Mon Apr 22, 2013 7:13 pm
Thanks Norman!

I applied the option 2 as you recommended and it works fine although some caching problem delays changes. Some changes are applied immediately but others no.

I keep posting new queries so you are always welcome to answer ! :D

Thanks again
User avatar
Senior Boarder

GK User
Tue Apr 23, 2013 1:24 am
No problem at all, see you around...
User avatar
Platinum Boarder


cron