Choosing a background image for the Contact Form

Please could you advise how I assign a background image to the contact form with the University Template?

Many thanks for your help.

Hi,
for this page only?
https://demo.gavick.com/joomla25/univer ... s/contacts
If yes, you have to override body { } background value on for this menu item,
read guide: https://www.gavick.com/documentation/jo ... s-php-code

Hi

Please use page class suffix for this purpose. Here is an example how to use it: https://www.gavick.com/documentation/jo ... omla-pages than You will be able to set a different background with a code similar to:

Code: Select all

body.your_suffix_goes_here {
    background: #fff url("../images/name_of_new_image.jpg") no-repeat scroll center top;
}


Hi

I've adapted the overide.css as follows - and taken your advice regarding the suffix (which I called bkground), which, is now displaying under the source code

Code: Select all

/*
#------------------------------------------------------------------------
# University - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */

body.bkground {
    background: #fff url("../images/many-mercury-droplets-1500w.jpg") no-repeat scroll center top;
}

The background of the page is now fully #fff - however, the image is not displaying, although it is present in the images directory under that URL

Any ideas please?

Many thanks!

Hi

In that case I'm guessing problem is with path to the image or permissions for this image does not allow it to be seen.

Please tell me the url to Your site or try a full http path to the image, example:

Code: Select all

body.bkground {
    background: #fff url("http://www.domain.com/templates/gk_university/images/many-mercury-droplets-1500w.jpg") no-repeat scroll center top;
}


Thank you.

The full URL has helped, and, at the margins, the image does display:

Code: Select all

body.bkground {
    background: #fff url("http://www.combined.technology/images/many-mercury-droplets-1500w.jpg") no-repeat scroll center top;
}

The URL for the page is http://combined.technology/index.php/contact

However, how could I make it the background to the whole page rather than simply the left and right borders?

Many thanks again.

Choose another image,
your image is rather horizontal
besides it may help:

Code: Select all

#gkContent, #gkPageContent {
    background: rgba(255, 255, 255, 0.8);
}