Joomla Templates Club 406,261 posts

[ssmanji Friend ssmanjiJoin date: July 2008Posts: 16Downloads:8Uploads:4 Thanks: 2]

#150624

I have a problem with the header of the main body of JA Opal.
Please see the attached image.

The Thai text under the breadcrumb (YOU ARE HERE:) has a bit messy background (narrow dark gray & light gray stripe).

I would like it to be displayed just in the same style as the “Hockey Bar” background (just like the background stripe of “Facebook Likebox” in the right side.

First, I suspected that this might be some misconfiguration of CSS. Although I have checked all the related lines, and have read through all the articles in JA Opal forum. I cannot change the style.
How should I change the CSS?

This background can be seen on the JA Opal Demo Template. I am using Jooma 1.5.15, Firefox 3.6.3 and IE8.

Your assistance will be appreciated.

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#341534

Hi ssmanji

It is so hard to debug this issue. Could you send me your live url via PM so that i could have a closer look on the issue?

[ssmanji Friend ssmanjiJoin date: July 2008Posts: 16Downloads:8Uploads:4 Thanks: 2]

#341567

This section/category header’s background issue is already reproduced on the demo site of JA Opal.

(Problematic Header) “The News”
http://templates.joomlart.com/ja_opal/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=50

(Correct Header) “All Categories”
http://templates.joomlart.com/ja_opal/

I have checked the related CSS lines for this messy background & the correct Background:

<blockquote>Problematic Header (The News on the demo);

CSS File:
http://templates.joomlart.com/ja_opal/templates/ja_opal/css/template.css

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 (line 63)
{
line-height: normal;
}

h1 (line 124)
{
font-size: 200%;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 (line 129)
{
margin-top: 1em;
margin-right: 0pt;
margin-bottom: 1em;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 (line 63)
{
line-height: normal;
}

h1.componentheading, .componentheading (line 385)
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
font-size: 200%;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0pt;
}

h1.componentheading, .componentheading (line 385)
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
font-size: 200%;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0pt;
}

#ja-contentheading h1.componentheading (line 517)
{
background-color: transparent;
background-image: url(“../images/h3-bg2.gif”);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
border-top-width: medium;
border-right-width-value: medium;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: medium;
border-left-width-value: medium;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: none;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
color: #ffffff;
font-size: 100%;
letter-spacing: 1px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: -5px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 5px;
text-transform: uppercase;
}</blockquote>

<blockquote>Correct Background (The dark gray and light gray stripe part):

CSS File:
http://templates.joomlart.com/ja_opal/templates/ja_opal/css/template.css

.clearfix (line 1844)
{
display: inline-block;
}

html[xmlns] .clearfix (line 1848)
{
display: block;
}

div.moduletable h3 span.right-bg, div.moduletable_default h3 span.right-bg, div.moduletable_menu h3 span.right-bg, div.moduletable_text h3 span.right-bg, div.moduletable_tabs h3 span.right-bg (line 819)

{
background-color: transparent;
background-image: url(“../images/h3-sep.gif”);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
display: block;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}</blockquote>

<blockquote>Correct Background (Hockey Stick (brown) part):

CSS File:
http://templates.joomlart.com/ja_opal/templates/ja_opal/css/template.css

div.moduletable h3 span.left-bg, div.moduletable_menu h3 span.left-bg, div.moduletable_default h3 span.left-bg, div.moduletable_text h3 span.left-bg, div.moduletable_tabs h3 span.left-bg (line 808)

{
background-color: transparent;
background-image: url(“../images/span-left.gif”);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
display: block;
float: left;
padding-top: 10px;
padding-right: 60px;
padding-bottom: 12px;
padding-left: 10px;
}</blockquote>

The website I am now designing is: http://www.pasanook.com/

I hope this would help. Thanks in advance for your assistance.

[Niek van Hengel Friend Niek van HengelJoin date: September 2014Posts: 38Downloads:0Uploads:0 Thanks: 3]

#343079

Is this issue fixed yet?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343323

Dear all!

Here is the bug of the template, i have informed our dev to fix this issue
http://pm.joomlart.com/browse/JATCOPAL-9

Thanks

[emoumouz Friend emoumouzJoin date: June 2010Posts: 6Downloads:0Uploads:1]

#345732

I didn’t see this thread when I submitted a new one.

I am having the same problem.

Any solution yet?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#345818

Dear emoumouz!

i’m sorry, i could not help you in this case, you must to waiting for our developer fixing this issue

Thanks

[emoumouz Friend emoumouzJoin date: June 2010Posts: 6Downloads:0Uploads:1]

#345821

Any time plan for fixing?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#345922

Dear emoumouz,

Thank yor for your reporting, this issuse is solved and released. http://pm.joomlart.com/browse/JATCOPAL-9 .

[emoumouz Friend emoumouzJoin date: June 2010Posts: 6Downloads:0Uploads:1]

#345939

<em>@duchh 181442 wrote:</em><blockquote>Dear emoumouz,

Thank yor for your reporting, this issuse is solved and released. http://pm.joomlart.com/browse/JATCOPAL-9 .</blockquote>

Thank you!

I can’t find any fixing details on this link. Should I re-download the template?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#346631

<em>@emoumouz 181460 wrote:</em><blockquote>Thank you!

I can’t find any fixing details on this link. Should I re-download the template?</blockquote>

You can see all details on this link compare details

[Author]

Posts