[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

Styling a sub-menu

Posted on 2014-03-08
4
Medium Priority
?
228 Views
Last Modified: 2014-03-08
There is a menu bar at www.mauivacationrental.com  which has a submenu under the items "Suite" and "Cottage".  I would like to change the styling of those submenus, without changing the centering of the main menu bar, such that...

1. The submenus aren't centered, but appear close to their "parent" menu buttons; and
2. The color of the submenu buttons is aqua, but semi-transparent.

I am a beginner at CSS, and this is a little above my pay grade.
0
Comment
Question by:ddantes
[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
  • 2
  • 2
4 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39915320
Website not working.
0
 

Author Comment

by:ddantes
ID: 39915348
I have been uploading files from time to time.  I don't know if that interfered with your checking -- if so, sorry.  It's working now.
0
 
LVL 58

Accepted Solution

by:
Gary earned 1000 total points
ID: 39915364
From .p7dmm-sub-wrapper {} remove

   left: 0;
    top: 100%;
    width: 100%;


To .p7DMM01 ul ul a {} add

   background: aqua;
    opacity: .7;


and remove
    border-color: #FFFFFF;
0
 

Author Comment

by:ddantes
ID: 39915409
That did it!
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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

650 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