Joomla Templates Club 406,261 posts

[wolpert Friend wolpertJoin date: February 2007Posts: 22Downloads:7Uploads:5]

#129575

I have 2 questions concerning the moving top menu dots and the JA Tabs – Module (see attached file). Thanks Thomas

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#253206

Hi wolpert !
You can remove topmenu dots following steps below :
step 1: Open ja.moomenu.css file in templates/ja_iolite/ja_menus/ja_moomenu/ folder , find following code section at about line 31 :


#ja-cssmenu li {
background:transparent url(../../images/vdot1.gif) no-repeat scroll 100% 13px;
cursor:pointer;
display:block;
float:left;
margin:0pt;
padding:0pt;
}


change to :


#ja-cssmenu li {
cursor:pointer;
display:block;
float:left;
margin:0pt;
padding:0pt;
}


step 2 :
open template.css file in templates/ja_iolite/css/ folder , find following code section at about line 105 :


ul li {
background:transparent url(../images/bullet.gif) no-repeat scroll 18px 7px;
line-height:160%;
padding-left:30px;
}


change to :


ul li {
line-height:160%;
padding-left:30px;
}


[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#253207

About remove JA Tabs module dots, I have looked into demo site, however I could not re-produce the issue.
Could you please provide more details on the issue ? Please send url of your site .

[digimate Friend digimateJoin date: March 2007Posts: 31Downloads:0Uploads:1 Thanks: 5]

#253243

The dots that wolpert has noticed are dots belonging to the text of the selected tab.

I can also see some dots at the right side of the image (with IE 6.0 and 7.0) in the tab ‘Praesent nibh’ and below the image there is this text: Nulla hac lorem nec habitant dui mollis risus leo. Ut et Fusce Vestibulum leo lorem lacus id Quisque quam libero.

The whole text (just copied all text):
Praesent nibh eros mollis augue. A dui Nulla hac lorem nec habitant dui mollis risus leo. Ut et Fusce Vestibulum leo lorem lacus id Quisque quam libero.

So the dots belongs to the first part of the text.

I hope this will be corrected soon!

[wolpert Friend wolpertJoin date: February 2007Posts: 22Downloads:7Uploads:5]

#253285

Yes that’s exactly what I meant. So is it a general problem of the JA Tabs module or how can that problem be solved?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#253376

Hi wolpert !
I can try that way :
Open ja_tabs.css file in plugins/content/ja_tabs folder , find following code section at about line 24:


.ja-tabswrap div.ja-tab-subcontent {
padding:0pt;
}


change to :


.ja-tabswrap div.ja-tab-subcontent {
padding:0pt;
padding-right:3px;
}


[wolpert Friend wolpertJoin date: February 2007Posts: 22Downloads:7Uploads:5]

#253916

I don’t want to remove the topmenu dots but I want to hide the single dot which appears above a selected topmenu – item or as hover – effect.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#254030

Hi wolpert !
Dot appear above selected menu in circle.png file in templates/ja_iolite/ja_menus/images folder , You must edit circle.png file to remove it.

[wolpert Friend wolpertJoin date: February 2007Posts: 22Downloads:7Uploads:5]

#254044

Could you please give me some more detailed information circle.png is an image but where are the lines of code I have to remove? Thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#254052

HI wolpert !
You can find css code for it in ja.splitmenu.css file in templates/ja_iolite/ja_menus/ja_splitmenu folder at about line 40 :


#ja-splitmenu a:hover, #ja-splitmenu a:active, #ja-splitmenu a:focus {ja.splitmenu.css (
background:transparent url(../../images/circle.png) no-repeat scroll center top;
color:#FA6900;
}


[wolpert Friend wolpertJoin date: February 2007Posts: 22Downloads:7Uploads:5]

#254075

I’m using currentlich jamoomenu and in file ja_moomenu.css you can find the following lines of code with circle.png. But if I delete the lines with “background: url(../../images/circle.png) no-repeat center top;” the menu doesn’t work so what lines need to be changed or deleted?

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
color: #FA6900;
background: url(../../images/circle.png) no-repeat center top;
}

#ja-cssmenu li:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
color: #FA6900;
background: url(../../images/circle.png) no-repeat center top;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
color: #FA6900;
background: url(../../images/circle.png) no-repeat center top;

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#254078

Yes it is right . so you ,must edit circle.png file , please open circle.png and zoom in it you can view dot in it.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#254080

There is simple way :
You change all code line :


background: url(../../images/circle.png) no-repeat center top;


to :


background: transparent;


[wolpert Friend wolpertJoin date: February 2007Posts: 22Downloads:7Uploads:5]

#254082

But I don’t want to see the dot so why should I edit the file circle.dot? There must be a possibility to remove the code in the css-file which controls the appearance of the dot? Thanks

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#254095

<em>@hainn84 59672 wrote:</em><blockquote>There is simple way :
You change all code line :


background: url(../../images/circle.png) no-repeat center top;


to :


background: transparent;

</blockquote>

Please view above post.

[Author]

Posts