1. hopekiah
  2. Commercial Templates
  3. Tuesday, 19 February 2013
  4.  Subscribe via email
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
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
That did it. Thank you. :)
  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!