Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How to change menu background image

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi...

How do I change the menu background image >>> screenshot: awesomescreenshot.com/0171hk0496
  • Joseph M's Avatar
  • Joseph M
  • 12 Month basic
  • 193 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

The image is handled by #topcolour div

#topcolour {
background: #fff url("../images/header/people.jpg") center top;
background-attachment: fixed;
background-size: cover;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul,

I would like to select the background with Theme Magic. I added my own background picture to ../images/header, but in the drop down menu of the Theme Magic I does not show-up. How must I go about it? It looks as if somewhere there is a list where pictures are defined (I noticed in theme magic drop-down list the names are capitalised, i.e. it's not the file name).

Thank you,
Philipp
  • SteinerPDP's Avatar
  • SteinerPDP
  • 12 Month Developer
  • 397 posts
  • 3 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi

You need to look in the templateDetails.xml

This section

<field name="headerimage" type="list" class="list" default="" label="Header Image" description="">

With the selecit list below having the values and filename included

an example I added was

<option value="train">Train</option> with a filename called train.jpg to match train

and an added image to header folder called train.jpg

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That worked 100%.
Thank you,
Philipp
  • SteinerPDP's Avatar
  • SteinerPDP
  • 12 Month Developer
  • 397 posts
  • 3 Thanks
  • Karma: 2
The administrator has disabled public write access.
Thanks for update

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi,
I would like to know if there is a way of having diferent backgrounds for each page. ??(one for the home, one for the contact... etc..)
  • grafico2's Avatar
  • grafico2
  • 6 Month Developer
  • 16 posts
  • Karma: 0
The administrator has disabled public write access.
You would need to create different template versions and change the image used via theme magic like described above or use css

combined the page id body class in question(view source for this), the css for the image and using !important to overide

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ok,
first I'm trying to set a new background image but I tried with a bigger size 1920x300px and ti didn't work as i want it... so I'm trying with the same size of the demo images (640x340px)and it doesn't work either.... there is any key to set the right size?

take a look:
www.brillianceauto.com.co
u: visitor
p: visitor123
  • grafico2's Avatar
  • grafico2
  • 6 Month Developer
  • 16 posts
  • Karma: 0
The administrator has disabled public write access.
Hwo does it work with using the large image, no repeat and background-size set to inherit?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers