Jump to content

Search the Community

Showing results for tags 'ccs'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 2 results

  1. Hi All, Just working on a site for a client and it's almost done, but I can't for the life of me find where and how to change the look of the drop-down menus. I'm using NavClassic and removed most of the styling by setting the background color of the menu to transparent and then setting up a background image for each menu item. My problem is now, the edits I made to the main menu bar have now also automatically been applied to the dropdown menus underneath. The URL I'm working on is here: http://www.justinphnoble.com/howardconsulting/ If you mouse over the "About" menu, you'll see what I mean. I managed to change the background for the first menu item to black, just as a test to see if I'd located the correct css selector, but it only seems to have changed the first menu item and ignored the rest, so that can't be right. As always, it's probably so simple, but I can't see it, and my client is on my back to get it live (Aren't they always). Any help would be greatly appreciated! All I need to achieve is a grey background behind the dropdown options, possibly with a little transparency, and to remove the background image that it's carried over from my main menu from each of the submenu items. (It's the blue line to the left of each menu item.) Here's my custom css so far: body{} .fixed_width .section-branding .content-pad { padding: 0px!important;} #footer .content {background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/03/layout3_19.png'); background-repeat: repeat-x; background-color: #192555;} #nav .content-pad, #secondnav .content-pad { padding-top: 5px; padding-bottom: 3px; background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/02/layout3_03.jpg'); background-repeat: repeat-x; } #features .content .content-pad { padding: 0!important;} #page .main-nav a { background: transparent !important; } #page .main-nav a { background: transparent !important; } .fboxtitle h3 {color: #1c2859 !important; font-style:italic; font-size: 11pt; } .fboxtext {font-size: 9pt; color: #373737 !important;} #sidebar-wrap .widget-title {font-size: 13pt !important; border-bottom: 1px solid #949494 !important; padding-bottom: 8px !important; margin-right:20px !important;} ul#menu-latest-briefings-downloads { } ul#menu-latest-briefings-downloads li { list-style-type: none !important; background: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/03/bullet.png') no-repeat top left !important; height: 46px !important; padding-left: 20px !important;} li#nav_menu-3 {background: #e6e6e6;} li#nav_menu-3 {-webkit-box-shadow: 2px 2px 4px 4px #bbb; box-shadow: 2px 2px 4px 4px #bbb; margin: 10px; border-radius: 6px; border: 1px solid #fff;} .grid-element, .media_overview { margin-bottom: 0px !important; } #watchwords {font-weight: bold; margin-top: 60px; color: #1c295a; letter-spacing: 1px;} .footcol .footcol-pad { padding: 0px 10px 0px 40px; } .fcolumns {font-size: 9pt;} .fcolumns h3{font-size: 10pt!important;} .copyright {font-size: 7pt; letter-spacing: -1px;} .ppfull .pp3 { width: 260px !important; } #footerblock { padding-top: 60px !important; text-align: right; margin-right: 40px; font-size: 8pt; letter-spacing: -0.1em; } .canvas .page-canvas, .thepage .content, .sf-menu li, #primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .commentlist ul.children .even { background-color: transparent!important; } ul.sf-menu li { float: left; position: relative; margin: 0; padding-top: 4px; height: 37px; background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/03/layout3_03.png'); background-repeat: no-repeat; } ul.sf-menu ul.sub-menu li.menu-item a { padding: 8px 15px 9px; width: 300px; background-color:!important; } ul.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; height: 41px; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px #000000; } #nav .content-pad, #secondnav .content-pad { padding-top: 0px; padding-bottom: 0px; background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/02/layout3_03.jpg'); background-repeat: repeat-x; } #content {background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/03/layout3_23.png'); background-repeat: repeat-x; background-position: bottom;} #boxes {background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/03/layout3_09.png'); background-repeat: repeat-x; background-position: top;} ul.sf-menu li#menu-item-81 { background-image: url('http://www.justinphnoble.com/howardconsulting/wp-content/uploads/2013/03/home.png')!important; /* shows image */ height: 41px; /* be sure to set height & width */ width: 60px; /* Hide the text. */ text-indent: 100%; white-space: nowrap; overflow: hidden; } .hentry h1, .hentry h2 { color: #1c2859; } .hentry h1 { font-size: 18pt!important; } ul.sf-menu ul.sub-menu, ul.sf-menu ul.children { text-align: left; position: absolute; width: 300px; margin-top: 7px; padding: 0; background-color: #000!important; } Many thanks in advance! Justin
  2. hi there, i'm wondering if you can help?? I'm very inexperienced, but have managed to put together a fairly basic site for work. I'm just about finished and trying to align things and generally tidy up. I've noticed that the bottom padding on my pages changes with content. If the page is purely text content the padding is fine, but where i have added features and boxes the bottom padding is larger. you can see the difference in the spaces above my social media links (footer) on different pages. You can see the difference between these two pages http://droplondon.com/ (features and boxes)and http://droplondon.com/made-to-measure-roman-blinds-london-contact/ (no sections used). If anyone can suggest anything that would tidy this up i'd be really grateful. Edward.
×