Tagged: dropdown menu, enfold, transparency
-
AuthorPosts
-
December 7, 2016 at 12:23 am #721260
Hi All,
1. I would like to remove completely the transparent background on Dropdown menus. I just want the text to float over page background.
2. I cant seem to make the “Active Page” menu link a different color. It only changes on mouseover. So people know the active page they are on.
Any help would be appreciated. Ive tried a bunch of Quick CSS to no avail.
Mike
- This topic was modified 7 years, 11 months ago by freshwebsitesla.
December 7, 2016 at 12:28 am #721265Hi freshwebsitesla!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .sub-menu { background: rgba(255,255,255,0.1) !important; box-shadow: none !important; } .av-main-nav > li.current_page_item > a > .avia-menu-text { color: red; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
YigitDecember 7, 2016 at 12:34 am #721271Just tried it and the menu still has a transparency to it. Maybe I have too many modifications in the quick CSS?
#top .sub-menu {
background: rgba(255,255,255,0.1) !important;
box-shadow: none !important;
}
.av-main-nav > li.current_page_item > a > .avia-menu-text {
color: red;
}.special-heading-border {
display: none !important;
}.avia-button.avia-size-medium {
padding: 12px 16px 10px;
font-size: 13px;
min-width: 150px;
width: 175px;
max-width: 200px;
}.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 0.2;
}.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container {
opacity: 1;
}h3.av-masonry-entry-title { text-align: left !important; }
.social_bookmarks a {
color: white !important;
}.grid-entry .inner-entry {
margin-right: 20px;
margin-bottom: 20px;
}.main_color input[type=’submit’] {
background-color: #d71920;
color: black;
border-color: #d71920;
}
.main_color input[type=’submit’]:hover {
background-color: #d71920;
color: white;
border-color: #d71920;
}.content {
border: none;
}#top #main .sidebar {
border: none;
}December 7, 2016 at 12:37 am #721273Hey!
Yes, please find following code at the top
#top .sub-menu { background: rgba(255,255,255,0.1) !important; box-shadow: none !important; }
and change it to
#top .sub-menu { background: transparent !important; box-shadow: none !important; }
Regards,
YigitDecember 7, 2016 at 12:44 am #721275Same . No change.
December 7, 2016 at 12:46 am #721277Created a username for you just in case
December 7, 2016 at 4:32 pm #721571Hi,
Login credentials are not working for me. Can you please check them once again? :)
Best regards,
YigitDecember 8, 2016 at 12:08 am #721748Just updated username and password. Sorry for confusion. I know you’re in a different timezone and appreciatethe help as always
December 8, 2016 at 3:47 pm #722031Hi,
I added following code to style.css file of your child theme in Appearance > Editor
#top .sub-menu { background: transparent !important; box-shadow: none !important; }
Please review your website now
Best regards,
YigitDecember 8, 2016 at 8:40 pm #722160Hi Yigit,
Looks like the transparent background is still there. Tried several browsers and still see it behind the submenu items on all pages. Any ideas?
Mike
December 8, 2016 at 9:08 pm #722167Hey!
They show up fine on my end, attached a screenshot in private content field.
Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Cheers!
YigitDecember 8, 2016 at 9:24 pm #722181Wow. Yes i see it now. Thank you again. The support provided by you and this forum has been spectacular. Always helpful.
M
December 8, 2016 at 10:42 pm #722217Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Regards,
Yigit -
AuthorPosts
- The topic ‘Enfold Theme Dropdown menu transparency’ is closed to new replies.