Solved

Styling ONE Text Menu item

Posted on 2014-03-26
10
199 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
  • 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
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 
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: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

829 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