Solved

Styling ONE Text Menu item

Posted on 2014-03-26
10
200 Views
Last Modified: 2014-04-03
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
Comment
Question by:Rowby Goren
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 8
  • 2
10 Comments
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39957208
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
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39957258
.maximenuck.last.level1{
/* everything here */
}

Open in new window

0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39960718
Hi Gary

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

Thanks!
0
Independent Software Vendors: 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!

 
LVL 9

Author Comment

by:Rowby Goren
ID: 39961828
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
 
LVL 58

Assisted Solution

by:Gary
Gary earned 500 total points
ID: 39961854
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
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39961903
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
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39972520
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
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39973160
Stay tuned. I may be able to do much of this via the menu's parameters.....
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39976951
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
 
LVL 9

Author Closing Comment

by:Rowby Goren
ID: 39976954
Thanks Gary,

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

Rowby
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question