Recent
Categories
View Replies (14)

Adding image to Top-1 background to Renovate?

0
Votes
Undo
  1. 417Diver
    417Diver
  3. Commercial Templates
  4. Monday, 16 December 2013
  5.  Subscribe via email
Is it possible to embed an image to the top-1 background? The Renovate template manager styling tab allows you to edit the Top-1 Modules background color but adding a permanent image is what I am looking for. I have attached an SS of the website and what image I want to add and placement.
Responses (14)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try adding the following to the Custom CSS field of your templates parameters where ### is the URL to your background image....

#container_slideshow_modules {

    background: url("###") no-repeat;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks!
I would like to add an image to the bottom of the page as well on Spacer Footer background. It would be where the red line is on this image.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
Also how do you center the image? It is left currently.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
As above try using the following...

#container_base {

    background: url("###") no-repeat;

}


Ciarán
  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
Would you have a URL to an example of your image?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
Here is an ss of the left alignment.
http://warnerbrothersconstruction.com/images/crown.png is the url for the image I am trying to add centered.
  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
Would you have a URL to an example of your image inside your Joomla site?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
http://www.warnerbrothersconstruction.com/images/crown.png
This is the image that is on the site.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
The one I want centered at the base is
http://warnerbrothersconstruction.com/images/base.png
  1. more than a month ago
  2. Commercial Templates
  3. # 9
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
If it cant be centered is it possible just to make it run infinity from left to right so it will be full all the way across depending on what size monitor you are using as the background colors do?
  1. more than a month ago
  2. Commercial Templates
  3. # 10
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry... not to the image itself but to the page displaying your image.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
So what should I do to make this image centered rather than left like it is.
  1. more than a month ago
  2. Commercial Templates
  3. # 12
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Try the following...


#container_slideshow_modules {

    background: url("###") repeat-x center 0;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 13
417Diver
417Diver
Accepted Answer Pending Moderation
0
Votes
Undo
That worked perfect and runs infinity. Thanks!
  1. more than a month ago
  2. Commercial Templates
  3. # 14
  • Page :
  • 1


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