Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

menu:active

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi - I've created a simple menu which changes colour on :hover, but I can't get it change on :active.
I understand I need to introduce a page ID somewhere (I can do it in dreamweaver) but I can't see how to do it here.
J3.3.3
www.leadbetters.co.uk/newsite/index.php/shop
The CSS I'm using is:
#grid4 ul li a.shop{background-color:#ffb504; color:white; font-size:110%; text-align:center; padding: 3px 0px 3px 0px; font-weight:bolder;}
#grid4 ul li a.shop:hover{background-color:#ba1414; color:white;}
#grid4 ul li a.shop:active{background-color:#ba1414; color:white;}
Can anyone point me in the right direction?
Thanks
Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
With a page ID check the body or the html in the source doc view

for instance the body class has this to uniquely identify this page

.itemid-217
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul - but where do I put it so the menu knows which page is active?
Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
You use a the page selector for the css first and then the css after it

so

.itemid-168 #grid1 .item-221 a.move {background:red;}

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul - that's great. :-)
Next question - is it possible to force the menu to the bottom of the module?
If not, the client will just have to stick it!
Thanks again
Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
which menu?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The little ones with the yellow background at the top of the grid 1-4 modules...
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
ah ok - I don't see that as a menu :)

Think they are all wrapped in a p tag so use the row Id together with the p tag and set it as a zero margin

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul - the little menu was the only way I could see to change colour for hover and active. After picking your brains for most of yesterday afternoon :-)
Not sure I understand you here. The image is wrapped in p tags, but there's no sign of the menu…
Thanks
Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
ah sorry I'm looking at the wrong thing completely
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I still think you need

#grid1wrap p {margin-bottom:0}

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hmmm. Doesn't seem to work. It brought the body content right up close to the grid positions…
I think I've had enough for today - I'll get back to it next week.
Thanks for all your support Paul, and have a good weekend!
Best wishes
Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Right - catch up after the weekend

I think we looking at different things

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers