Greetings,
I'm developing http://www.indianart.us.
In Chrome, Firefox and Safari on my mac, the background of the main content is missing from most pages. Can you take a look at this page for example: http://www.indianart.us/index.php/about.
I disabled all my custom CSS and the problem persisted, so I re-enabled my CSS.
thanks,
Hope
- hopekiah
-
- Commercial Templates
- Tuesday, 19 February 2013
- Subscribe via email
Hi Hope
The background of your content area does not appear to be styled in your site CSS. May I suggest adding the following to the end of your templates template.css (../templates/j51_oxygen/css/template.css)..
[code type=css]#content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"
repeat-y 50% 0;
}[/code]
Ciarán
The background of your content area does not appear to be styled in your site CSS. May I suggest adding the following to the end of your templates template.css (../templates/j51_oxygen/css/template.css)..
[code type=css]#content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"

}[/code]
Ciarán
- more than a month ago
- Commercial Templates
- # 1
Thank you so much! It's looking much better.
But now the same background grey is showing up in my links on this page: http://www.indianart.us/index.php/about
But now the same background grey is showing up in my links on this page: http://www.indianart.us/index.php/about
- more than a month ago
- Commercial Templates
- # 2
Hi Hope
This appears to be styled by the following in your templates template.css (line15)..
[code type=css]#content_wrapper a {
background: url("../images/content_bg.png"
repeat-y 50% 0;
clear: both;
height: 100%;
width: 100%;
}[/code]
Removing the following from this should do the trick..
[code type=css]background: url("../images/content_bg.png"
repeat-y 50% 0;[/code]
Ciarán
This appears to be styled by the following in your templates template.css (line15)..
[code type=css]#content_wrapper a {
background: url("../images/content_bg.png"

clear: both;
height: 100%;
width: 100%;
}[/code]
Removing the following from this should do the trick..
[code type=css]background: url("../images/content_bg.png"

Ciarán
- more than a month ago
- Commercial Templates
- # 3
Thank you, Ciarán,
That worked great.
I wonder how that code got there?
I modify CSS within the Joomla WYSIWIG editor now and add all my tweaks to the bottom of the template.css file. No worries. It's fixed now.
I appreciate the help very much.
Have a great afternoon.
Wait - oh darn. The new background CSS is spreading the grey bg color all the way up through the header, blocking the logo and background design.
-Hope
That worked great.
I wonder how that code got there?
I modify CSS within the Joomla WYSIWIG editor now and add all my tweaks to the bottom of the template.css file. No worries. It's fixed now.
I appreciate the help very much.
Have a great afternoon.
Wait - oh darn. The new background CSS is spreading the grey bg color all the way up through the header, blocking the logo and background design.
-Hope
- more than a month ago
- Commercial Templates
- # 4
Hi Hope
Sorry for the delay in this reply.. I somehow missed your post.
Try changing the CSS from...
[code type=css]#content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"
repeat-y 50% 0;
}[/code]
To..
[code type=css].content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"
repeat-y 50% 0;
}[/code]
Ciarán
Sorry for the delay in this reply.. I somehow missed your post.
Try changing the CSS from...
[code type=css]#content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"

}[/code]
To..
[code type=css].content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"

}[/code]
Ciarán
- more than a month ago
- Commercial Templates
- # 5
Thanks, Ciarán,
It's strange, but when I look at the template.css file in the Joomla back end, there is no such CSS. Instead, there is only
[code type=css]#content_wrapper a[/code]
If I change it to [code type=css].content_wrapper a[/code]
It makes no difference.
It's strange, but when I look at the template.css file in the Joomla back end, there is no such CSS. Instead, there is only
[code type=css]#content_wrapper a[/code]
If I change it to [code type=css].content_wrapper a[/code]
It makes no difference.
- more than a month ago
- Commercial Templates
- # 6
That's ok.. try adding the following to the end of your templates template.css...
[code type=css].content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"
repeat-y 50% 0;
}
#content_wrapper {background:none !important;}[/code]
Ciarán
[code type=css].content_wrapper {
background: url("http://www.indianart.us./templates/j51_oxygen/images/content_bg.png"

}
#content_wrapper {background:none !important;}[/code]
Ciarán
- more than a month ago
- Commercial Templates
- # 7
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »