Joomla Templates Club 406,261 posts

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#174102

I tried to set all text decorations in template.css to none but for some reason all my sub menu items are still underlined. Any idea where the css for the menu is in this template so I can go edit the right a class?

Also on the slideshow over the text there is a transparency of the background. How can that be removed so the real color comes through?

please see http://www.sismallbiz.com/~westfran for exact scenario of what I am talking about….. Its last think i have to do to get my client happy..:)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#439150

Check your mega.css file – line 92
(the path is /templates/ja_community_plus/css/menu/mega.css)

<blockquote>.ja-megamenu ul.level1 li.mega a.mega span.menu-title {

• background: url(../../images/icon-01.png) left 8px no-repeat;
• padding: 0 5px 0 12px;
• line-height: 20px;
• text-decoration: underline;

}
</blockquote>

remove the “text-decoration: underline” property altogether.

Let me know if that helps.

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#439152

You are the best. That did it.

How about that transparency issue in the slider image box where the text is? See how is pink now? is meant to be white but for some reason the background red bleeds through it… not sure where that is at… either lol.

Best Regards and thanks already

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#440477

Any help on the transparency issue? I can’t figure it out at all spend 1 week on this item alone… please help…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#440481

I’m thinking the transparency issue has to do with the fade effect against the background color you’ve set for the main slideshow wrap.

Within templates/ja_community_plus/css/mod_slideshow.css … at line 15 . .

<blockquote>#ja-slideshow .main { background: #c00721; position:relative; z-index:10; }</blockquote>

You might also check the following … within path –> plugins/system/jat3/jat3/base-themes/default/css/addons.css

at line 18:

<blockquote>html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;

}

</blockquote>

eliminate the background property . . . see if that achieves the result you are looking for.

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#440502

The first solution did not work 100%. By that i mean that while it removed the red tint from the text it also removed the red border that separates the bottom of the slideshow from the content on the front page. SO I had to put it back on it order to have a red border under the images.

The second solution did not yield any results at all.
Any other guesses? I think it has to be in the first solution in the mod_jaslideshow however it has sideeffects by removing the bottom red border along with the transparency.

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#440503

Also modifying the z-index to -1 still did not work.

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#440509

Fixed it. On mod_jaslideshow.css on line 15 modify original code with this:

#ja-slideshow .ja-slidewrap { background: #fff; border: 0; margin-bottom: 20px; z-index:-2;}

Basically add a background of your choice in colors and a z-Index negative so that the new background will be under the text.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#440510

So you’ve achieved the desired result you (and/or your client) were wanting?

1 user says Thank You to TomC for this useful post

1. sismallbiz

[sismallbiz Friend sismallbizJoin date: June 2008Posts: 21Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#440514

Yes it is finally looking like he wants it to look like. I am not sure why I did not think about z-indexing that mask before. I guess you have to pick someone else’s brain first before your brain kicks into gear…

Thank you so much for all your help.

1 user says Thank You to sismallbiz for this useful post

1. TomC

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#440515

CONGRATULATIONS !!!

Hope I was able to assist in some way toward you ultimately solving this issue through your own intuitive trial-and-error.

All the best with your continuing site development.

[Author]

Posts