• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 206
  • Last Modified:

Styling ONE Text Menu item

Hello

I have a text menu, and I need to add a specific style to only one menu item.

I have added as many hooks to the html as I could, so I think the css adjustments I need can be done without problem.

Of course I need you help to do that.

In my next comment I will provide the link to the test site.

Thanks for any help you can provide!

Rowby
0
Rowby Goren
Asked:
Rowby Goren
  • 8
  • 2
2 Solutions
 
Rowby GorenAuthor Commented:
Okay!

Here's the link: Link to temp site

The link I need to style is the top right "LOGIN" menu item.  I need to adjust the height and width as well as move the link further to the right.

You will see via firefox the link has all kinds of tags to hopefully make this happen.  
<li class="maximenuck item166 last level1 RowbyCssLI" style="z-index : 11995;" data-level="1">
<a class="maximenuck LiLogin" rel="lightbox" title="LogIN" "

Open in new window


That's it!

Thanks

Rowby
0
 
GaryCommented:
.maximenuck.last.level1{
/* everything here */
}

Open in new window

0
 
Rowby GorenAuthor Commented:
Hi Gary

I missed your comment.  I'll work on it tomorrow.

Thanks!
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Rowby GorenAuthor Commented:
Hi Gary

Hmmmm.   I added this to rowbystyle.css".  It didn't seem to affect the red logon button.   I can't see it in firebug either...

.maximenuck.last.level1 {
padding-left: 20px;
    padding-right: 24px;
      margin-left: 21px;
    font-size: 200px; 
}  
  

Open in new window


Link to page
0
 
GaryCommented:
Cannot see that css class anywhere, plus it wouldn't work on that page now as you have another link at the end, meaning the iframeLogon would get the css applied to it.
0
 
Rowby GorenAuthor Commented:
OK

i'll wait until I move the solution from my other EE question over to this site.  

That should be later today.

Stay tuned :)

Thanks!

Rowby
0
 
Rowby GorenAuthor Commented:
Hi Gary

Now that the modal issue has settled down, is there still a way to individually style the login button.

The HTML via firebug is as follows:  
li class="maximenuck item200 last level1 popup" style="z-index : 11995;" data-level="1">
<a class="maximenuck LiLogin" rel="lightbox" href="https://list.drivehubber.com/hubber/Login.aspx">
<span class="titreck">LOGIN</span>
</a>

Open in new window

0
 
Rowby GorenAuthor Commented:
Stay tuned. I may be able to do much of this via the menu's parameters.....
0
 
Rowby GorenAuthor Commented:
Hi

I was able to go into the menu module's enhanced parameters and adjust the spacing etc.

With some help from the menu module's developer I was able to do some additional modification in the php.

SO now it is all looking very nicely!

Rowby
0
 
Rowby GorenAuthor Commented:
Thanks Gary,

Your comments were all a part of the troubleshooting that led to the solution.

Rowby
0

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 8
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now