Jump to content

Search the Community

Showing results for tags 'colors'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 2 results

  1. I'm using an image background on my site and the Site Design Mode is set at Fixed-Width Mode. I'm also using a white color for my Content Background. I'm having the following problems: 1)the whole footer area is not getting the white content background color as the other template areas does, and 2) the footer area is completely covered with the background image colors. Any tips and ideas will be very much appreciated. Alex
  2. Hi folks, I've tried everything... I've searched through the forums, docs, etc, tried all the CSS I could find in here and nothing... I can't find the way to customize the colors of my nav bars properly. The URL: http://designsbyfelicia.com There's 2 nav bars I'm customizing: the brandnav (purple header section with logo and nav), and the classic nav (black nav bar) Here are the problems: 1. on the Brandnav, I've managed to code everything I wanted properly except the "li" active state when the user is on a child page. For example, the "services" page has a couple of child pages. When a user is in one of those, there's a white background in the "services" link that I can't find a way to remove (should be transparent, or the same purple color as background). Go to this child page so you can see: http://designsbyfelicia.com/services/custom-furniture-cabinetry/ 2. On the Black Nav bar, I'm trying to simply do this: - no background color on hover - text color gray - text color hover: light purple - text color active: dark purple That's all!!! And yet nothing I code seems to have an effect... Here's my CSS code for these two sections at the moment: #brandnav { background-color: #7e60c4; border-top: 1px solid #9c85d2 !important; border-bottom: 1px solid #000000 !important; } #brandnav .content-pad { padding: 0em 0 1em 0; } #brandnav .brandnav-nav { position: relative; top: 20px; } #brandnav .brandnav-nav ul#menu-brandnav { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 20px !important; color: #333333; text-shadow: 1px 1px 0 #9c85d2 !important; } #brandnav .brandnav-nav ul#menu-brandnav li a { color: #333333; padding: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #brandnav .brandnav-nav ul#menu-brandnav li a:hover { color: #eeeeee !important; text-shadow: -1px -1px 0 #222222 !important; background-color: transparent !important; } #brandnav .brandnav-nav ul#menu-brandnav li:hover { background-color: transparent !important; } #brandnav .main-nav li:hover, #brandnav .main-nav .current-menu-ancestor a, #brandnav .main-nav li.current-menu-ancestor ul a, #brandnav .main-nav li.current_page_item a, #brandnav .main-nav li.current-menu-item a, #brandnav .main-nav li.current_page_parent a, #brandnav .sf-menu li li, #brandnav .sf-menu li li li { background-color: transparent !important; color: #eeeeee !important; text-shadow: -1px -1px 0 #222222 !important; } #nav.container div.texture { background-color: #333333; border-top: 1px solid #9c85d2 !important; border-bottom: 1px solid #555555 !important; box-shadow: 0 0 6px #222222; -moz-box-shadow: 0 0 6px #222222; -webkit-box-shadow: 0 0 6px #222222; } #nav.container div.navigation_wrap.fix { border: none !important; } #nav.container .main-nav ul#menu-main-navigation li { font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; color: #eeeeee !important; text-shadow: -1px -1px 0 #000000 !important; } #nav.container .main-nav ul#menu-main-navigation li li a { color: #eeeeee !important; border-right: 1px solid #222222 !important; border-left: 1px solid #999999 !important; background-color: #333333 !important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #nav.container .main-nav ul#menu-main-navigation li li a:hover { color: #baaae0 !important; background-color: #333333 !important; } #nav.container .main-nav ul#menu-main-navigation li li:hover { background-color: #333333 !important; } #nav.container li#menu-item-685 a { border-left: none !important; } #nav.container li#menu-item-688 a { border-right: none !important; } #nav.container .main-nav .current-menu-ancestor a, #nav.container .main-nav li.current-menu-ancestor ul a, #nav.container .main-nav li.current_page_item a, #nav.container .main-nav li.current-menu-item a, #nav.container .main-nav li.current_page_parent a, #nav.container .sf-menu li li, #nav.container .sf-menu li li li { background-color: #333333 !important; color: #baaae0 !important; } #navbar.container.no_clone.section-navbar.fix { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#333333)); /* Konqueror */ background-image: -moz-linear-gradient(#555555, #333333); /* FF 3.6+ */ background-image: -ms-linear-gradient(#555555, #333333); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333333)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#555555, #333333); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#555555, #333333); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#555555, #333333); /* the standard */ box-shadow: 0 0 6px #333333; -moz-box-shadow: 0 0 6px #333333; -webkit-box-shadow: 0 0 6px #333333; border-top: 1px solid #9c85d2; border-bottom: 1px solid #555555; } #navbar.container.no_clone.section-navbar.fix div.content { width: 99% !important; } #navbar.container.no_clone.section-navbar.fix div.content div.content-pad { padding: 0 !important; } #navbar.container.no_clone.section-navbar.fix div.content div.content-pad div.navbar.fix.navbar-content-width.pl-color-black-trans { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-background-clip: padding !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; background-image: none !important; box-shadow: 0 0 0 transparent !important; -moz-box-shadow: 0 0 0 transparent !important; -webkit-box-shadow: 0 0 0 transparent !important; } #navbar.container.no_clone.section-navbar.fix div.content div.content-pad div.navbar.fix.navbar-content-width.pl-color-black-trans div.navbar-content-pad.fix { padding: 0 5px !important; } #navbar.container.no_clone.section-navbar.fix div.content div.content-pad div.navbar.fix.navbar-content-width.pl-color-black-trans div.navbar-content-pad.fix #menu-mobile-device-menu li a { text-shadow: -1px -1px 0 #000000; padding: 10px 10px !important; } I appreciate your help with this! We're going live on Friday with the site so I need to resolve this ASAP. I would also like this opportunity to suggest something to you for a future update: Your framework is so advanced, it great! Customizing Nav colors should not be this hard! I've spent hours and hours on this... Why isn't there a color picker in the admin setting for each nav bar section??? Just include color pickers for text color, background, border, and for normal, hover and active states and you should be able to shake this issue off for good! (I've noticed it's a recurrent issue people have) Thanks again! Beny Schonfeld
×