Recent
Categories
View Replies (8)

Substance - Background image

0
Votes
Undo
  1. jascanio
    jascanio
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 09 July 2013
  5.  Subscribe via email
Hi,
I would like to set an image for my whole background (#container_header included).
I tried the option from the template configuration in the backend, but it won't affect header. Furthermore, I would like the background to scroll up and down, rather than staying locked.
Is this possible? If so, could you please let me know how?
You can see my web here, with background currently applied.
I attach sample image of how (approx) I would like the background to be shown, and also background image
Thanks very much for your help!
Regards,
Juan
Responses (8)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest adding the background within the templates parameters and we will then put together the needed custom CSS so it appears as you wish..

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
jascanio
jascanio
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
I have set the image as backgruound, using template parameters.
Looking forward to your news. Thanks again!
Regards,
Juan
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Juan

Try adding the following to the Custom CSS field of your templates parameters...


#container_main .wrapper960, #container_header, #container_spacer1 .wrapper960, #container_bottom_modules .wrapper960, #container_spacer2 .wrapper960, #container_hornav_mobile .wrapper960, #top_modules.block_holder, #top3_modules.block_holder, #container_slideshow_modules .wrapper960, #container_slideshow .wrapper960 {

background: none !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
jascanio
jascanio
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for your help Ciarán!
Any code for making the background image scrolling up and down with the page?
Regards,
Juan
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Sure... try also adding the following to your Custom CSS...


body {

    background-attachment: scroll;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
jascanio
jascanio
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
Thanks again.
I added the code in my Custom CSS field, but the image wouldn't scroll. I added !important after the scroll value to priorice it over others. It works, but I don't know if this is the best solution or if I might be causing some side effects.
Did I do right?
Regards,
Juan
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Juan

Yes that should be perfect.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
jascanio
jascanio
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
thanks again for your superb support!
Regards,
Juan
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok