Joomla Free extensions

Hi

I am testing your template but I am getting difficulties to set the background header image path, I already search the web and couldn´t find any tips.

Can we use ThemeMagic our should we use css ?

Other question is how do we et the module(joomla design, photoshop design...)just bellow the header image.

Thanks in advance.

Hi, Sorry about the late reply! We have a holiday.
- To edit header image background on ThemeMagic, plz paste your image to images folder of template.
follow path: templates/jo_smart/images/ and open variables.less file via path templates/jo_smart/less/ go to about line 290 and change name of image "37q80.jpg" to your image name.
- For change header background image on front-end plz open template.css file on templates/jo_smart/local/css/ go to about line 4719 (t3-header class) and change name of image "37q80.jpg" to your image name.

- To edit module(joomla design, photoshop design...) plz go to Module Manager, this is modules position (position-1, position-2, position-3 and position-4).

Many Thanks!

Hi Antonie,

Thanks for your reply.

I did keep the original image file 37q80.jpg in templates/jo_smart/images/ and add the path templates/jo_smart/images/ to ThemeMagic Header/ Header Background Image and check the variables.less and template.css that both are using 37q80.jpg but I can´t get any background image in front even after cleaning caches.
Immediately after I type the image path I get a orange alert "Header Background Image" and a alert triangle.
After saving the alert triangle disappear.

I also don´t see the background image on preview window.

The template really switch because I do see the menu.

I am also getting 2 menus in preview and front.

Running Joomla! 3.3.6

I will appreciate if you have any other tips.


Thanks in advance

Hi Macweb,

To change "Header Background Image" for PREVIEW in ThemeMagic, plz typing input with method
"../images/20.jpg" and click Preview button. see image bellow.
i.share.pho.to/a2eea407_o.png

To change "Header Background Image" on front-end, open template.css file on path templates/jo_smart/local/css/, go to line 4719

Change:
background-image: url("../../images/37q80.jpg");

To:
background-image: url("../../images/20.jpg");

Thanks you!

Thanks Antonie,

With the"Header Background Image" changes I can see part (Header and footer) of the image not the full image.

I just recheck an the template does not have the templates/jo_smart/local/ directorie.
I just find the template.css file in templates/jo_smart/css/.
If I change the templates/jo_smart/css/template.css to:

background-image: url("../../images/20.jpg");

I still do not get any background image.

Please take a look here:

ams3.siteground.eu/~yourweb/demo-design.net/

Thanks

Hi Macweb,

On administrator section, go to Template Manager click on jo_smart - Default to edit, click "LESS to CSS" button to auto create templates/jo_smart/local/ directorie.
api.monosnap.com/rpc/file/download?id=Ew...Siuu2cOFhrrb1wFQX4o2

If you change template.css file on the path templates/jo_smart/css/ then
background-image: url("../images/20.jpg");
not
background-image: url("../../images/20.jpg");

Plz install quick-start package to look like demo.

You can consult T3 Documentation on www.t3-framework.org/documentation.html becos we use T3 Framework to development our template.

Many Thanks!