Menu gradient missing
-
I noticed in my navigation i lost the gradient in the buttons. If I hover over it the sub navigation has it but not the main. please advise.
https://www.abovethefirehouse.com/ so you can see.
-
I’m not change menu on most recent Raindrops.
I’m check your site, but can not detect reason of gradient.
maybe conflict,
right click menu then show gradient.(edge browser)
Never such a thing is seen
it shows for a split second and then goes away. yeah weird. dont know what could be causing it because it was working few updates ago and i was noticing it going wait a second.
Please try Customizer setting
Open customizer / colors / Background Color
click Select Color
Push Clear button
Saved
nope same thing.
here is my css. Perhaps you might see something that might be messing with the navigation making it flat minus the active tab
/* Welcome to Custom CSS! CSS (Cascading Style Sheets) is a kind of code that tells the browser how to render a web page. You may delete these comments and get started with your customizations. By default, your stylesheet will be loaded after the theme stylesheets, which means that your rules can take precedence and override the theme CSS rules. Just write here what you want to change, you don't need to copy all your theme's stylesheet content. */ table { display: table; border-collapse: separate; border-spacing: 2px; border-color: purple; } #pmpro_levels_table { background: none; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: white; border-top-color: gray; border-right-color: gray; border-bottom-color: gray; border-left-color: gray; } .pmpro_checkout thead th { font-weight: bold; color: #fff; padding: 10px; } .pmpro_checkout tr.active td { background: #8D06AF; } #bbpress-forums li.bbp-header { background: #9900FF; } #bbpress-forums li.bbp-footer { background: #9966FF; border-top: 1px solid #EEE; font-weight: bold; padding: 8px; text-align: center; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: #282828; } #bbpress-forums div.even, #bbpress-forums ul.even { background-color: #282828; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #303030 !important; font-size: 1.1em; } #bbpress-forums div.bbp-reply-header { background-color: #000000; } .mp_grid .mp_one_tile:nth-child(4) { margin-top: 0; } .mp_grid .mp_one_tile:nth-child(5) { margin-top: 0; } body.page #mp_product_list.mp_grid .mp_one_tile, body.page #mp_product_list.mp_grid .mp_one_tile .mp_one_product { height: 565px !important; position: relative; } body.page #mp_product_list.mp_grid .mp_one_tile .mp_price_buy { position: absolute; bottom: 0; left: 0; } .tax-product_category .entry > article > img:first-child { display: none !important; } .page .type-product .page-featured-image { display: none; } /* .mp_one_product { height: 565px !important; position: relative; } */ .mp_price_buy { position: absolute; bottom: 0; left: 0; } #mp_related_products .mp_grid .mp_one_tile { margin-top: 30px !important; } #mp_related_products.mp_grid .mp_one_tile { margin-top: 30px !important; } #access ul ul li, #access ul ul, #access a { min-width: 0; } #access .page_item_has_children > a:after, #access .menu-item-has-children > a:after, .ie8 #access .page_item_has_children > a:after, .ie8 #access .menu-item-has-children > a:after { content: ''; } #access .children li, #access .sub-menu li, #access .children ul, #access .sub-menu ul, #access .children a, #access .sub-menu a { width: 10em; } .smartDonationsTextBoxDonationContainer td:first-child { text-align: center; } /* add_filter( 'raindrops_entry_title_text_elements_allow', 'raindrops_entry_title_text_elements_no_needs' ); function raindrops_entry_title_text_elements_no_needs( $return_value ) { } */ .rd-type-dark #tribe-events-content a, .rd-type-dark .tribe-events-event-meta a { color: White; } #pmpro_pricing_fields td { text-align: left; } #pmpro_levels_table .pmpro_btn { display: block; } /* .entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:hover { color: #0C0C0C; } */ .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link { display: inline-block; background-color: #6247EC; background-image: none; border: 1px solid #FFFFFF; border-radius: 4px; padding: 6px 12px; margin: 0; color: #444; font-size: 12px; font-weight: 700; text-transform: none; text-decoration: none; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; } /* trying to isolate bbpress colors .entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:hover { */ .pmpro_btn { color: #000 !important; } .entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:hover { color: rgb(245,245,245); } /* bbpress */ #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { background: #A80EC6 none repeat scroll 0 0; opacity: .8; } /* Raindrops makes it to the right so the account info will now allign right */ td { padding: .2em .5em; text-align: center; } /* Catagory background in store */ .mp_product_categories { padding: 10px; border: 1px solid #E2E2E2; background: #077EA5 none repeat scroll 0 0; } #header-image p { display: none; } #hd #site-description { display: block !important; } .yui-ge div.first .mp_product { width: 100%; } .mp_product_categories { padding: 10px; border: 1px solid #E2E2E2; background: #7A07A5 none repeat scroll 0 0; } /* Check out Cart*/ .mp_cart_item:nth-child(2n+1) { background: #323235 none repeat scroll 0 0; } .mp_coupon_form { background: #323235 none repeat scroll 0 0; border: 1px solid #DDD; overflow: hidden; padding: 15px; } .mp_orders_invoice a.button, button.mp_button { color: #F5F3F3; font-size: 16px; font-weight: 700; line-height: 1.5em; background: transparent none repeat scroll 0 0; border: 2px solid #A50ECB; } .mp_products-grid .mp_product_images { min-height: 375px !important; } #access .page_item_has_children > a:after,#access .menu-item-has-children > a:after,.ie8 #access .page_item_has_children > a:after,.ie8 #access .menu-item-has-children > a:after { content: ''; } #access .menu > .page_item_has_children, #access .menu > .menu-item-has-children { padding-right: 0; } span.mp_product_price-sale { width: 50%; float: left; } span.mp_product_price-normal { width: 50%; float: left; } .mp_products-grid .mp_product_images { min-height: 275px !important; } .mp_cart_item_content-price .mp_product_price-extended ~ .mp_product_price-normal, .mp_cart_item_content-price .mp_product_price-sale ~ .mp_product_price-normal { color: #F84836; font-size: 14px; } .mp_product_price-sale ~ .mp_product_price-normal { color: #FF4531; font-size: 18px; font-weight: 400; } .mp_product_price-normal.mp_strikeout { width: 75%; } /*styling to move 'Subscribe' to right hand side */ .single-forum .subscription-toggle { float: right !important; } #bbpress-forums .single-forum .subscription-toggle { float: right; } .pmpro_bbp_membership_msg { padding: 8px 12px; clear: both; margin: 10px 0; background: red; border: 1px solid #cee1ef; border-radius: 2px; color: #ffffff; } #mp-payment-options-list > label[for=mp-gateway-option-paypal_express]:before { content: url('https://www.abovethefirehouse.com/images/paypal.gif'); margin-left: 5px; } #mp-payment-options-list > label[for=mp-gateway-option-stripe]:before { content: url('https://www.abovethefirehouse.com/images/stripe_med.png'); margin-left: 5px; } #mp-payment-options-list > label[for=mp-gateway-option-wepay]:before { content: url('https://www.abovethefirehouse.com/images/wepay.png'); margin-left: 5px; } .mp_product_price { overflow: hidden; } span.exclusive_tax { display: none; } /* For Marketpress sale badge */ .mp_products-grid .mp_product_images { position: relative; } .mp_products-grid .mp_product_images .mp_onsale { display: inline-block; position: absolute; top: 10px; right: 10px; z-index: 5; background: #8000FF; color: #fff; padding: 4px 12px; -webkit-border-radius: 3px; border-radius: 3px; } div.mp_select2 .select2-choice, div.mp_select2_search .select2-choice { background: #777373 none repeat scroll 0 0; border-color: #DDD; color: #333; font-size: 16px; } .mp_cart_item_content-price { text-align: left; } /* progress bar high*/ .wdf-basic .ui-progressbar { height: 2em; margin: 10px 0 0; } /* marketpress cart test */ .mp_cart_item_content-price .mp_product_price { width: 190px; position: relative; } .mp_cart_item_content-price .mp_product_price .mp_product_price-extended { width: 50%; float: left; text-align: center; } .mp_cart_item_content-price .mp_product_price .mp_product_price-each { width: 50%; float: left; clear: left; text-align: center; } .mp_cart_item_content-price .mp_product_price .mp_product_price-normal.mp_strikeout { width: 50%; position: absolute; right: 0; text-align: center; } .mp_cart_item:nth-child(2n) { background: #3B3838 none repeat scroll 0 0; } .ui-progressbar-value { background: purple !important; } . wdf_goal_progress { background: grey !important; }
Its normal over at
https://www.dreamlandbbs.org only with a white background when I change the color its gone and put it back same issue the navigation is flat.#access ul ul li, #access ul ul, #access a { min-width: 0; } #access .page_item_has_children > a:after, #access .menu-item-has-children > a:after, .ie8 #access .page_item_has_children > a:after, .ie8 #access .menu-item-has-children > a:after { content: ''; } #access .children li, #access .sub-menu li, #access .children ul, #access .sub-menu ul, #access .children a, #access .sub-menu a { width: 10em; }
I can not understand what is specified for this style in order to solve any problem.
In my environment, the menu has been destroyed.
Please explain the intent
If any site i have with wordpress and your theme I change the background and then go back it changes the menu. now the https://www.dreamlandbbs.org is not working. I had to change colors in the css because white forground with white background does not work. this css i got from you so the menu would fit in one line like it did before the menus were made bigger
When you have a submenu the button has dimension just not the parent button.
ok this is weird the gradient comes back when the page is about to reload and then is there is a second and goes away.
I got it back but I used https://www.colorzilla.com/gradient-editor/
#access { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ background: #45484d; /* Old browsers */ background: -moz-linear-gradient(top,#45484d 0%,#000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#45484d 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#45484d 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom,#45484d 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',endColorstr='#000000',GradientType=0); /* IE6-9 */ }
- The topic ‘Menu gradient missing’ is closed to new replies.