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
LVL 9
Rowby GorenAsked:
Who is Participating?
 
GaryConnect With a Mentor Commented:
.maximenuck.last.level1{
/* everything here */
}

Open in new window

0
 
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
 
Rowby GorenAuthor Commented:
Hi Gary

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

Thanks!
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
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
 
GaryConnect With a Mentor Commented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.