-
AuthorPosts
-
September 3, 2019 at 5:08 pm #1133448
I am using a transparent header and on all pages, I have a dark header which shows the white text in the submenus perfectly. However on the News page as well as all posts, because there is no header, the submenu items are not visible because they are both white.
Is there a way to change the submenu text on the News page as well as posts to an alternate color? Or, is there a way to make the header background on all posts be an image and then put the title in that header background?
September 3, 2019 at 5:38 pm #1133473Hey Brian,
Apologies, I’m not seeing the issue. Can you screenshot it for us?
Best regards,
Jordan ShannonSeptember 3, 2019 at 5:41 pm #1133476- This reply was modified 5 years, 2 months ago by brianstoiber.
September 3, 2019 at 5:54 pm #1133492Hi,
Thank you. Add this to quick css:
.single .sub-menu a .avia-menu-text{ color:#fff!important; }
Best regards,
Jordan ShannonSeptember 3, 2019 at 5:57 pm #1133496That doesn’t appear to have done anything.
September 3, 2019 at 6:00 pm #1133499Hi,
Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.
Best regards,
Jordan ShannonSeptember 3, 2019 at 8:35 pm #1133538I have it inserted at the top of the CSS and still not working. Below is the entire CSS field.
.single .sub-menu a .avia-menu-text{ color:#fff!important; } #footer .widget {font-size: 13px;} #top .av_header_transparency #header_meta {border: none !important;} .av_header_transparency .menu-item-top-level .avia-menu-text {color: white !important;} #about-events .desc_trig_outter .desc_trig {border: none !important; padding-top: 20px !important;height: auto !important;} #about-events .featured {display: none !important;} .av-subnav-menu a {font-weight: bold;text-transform: uppercase;color: white !important;font-size: 15px !important;} #top .av-subnav-menu a { font-size: 14px; } #mobile-advanced { background: rgba(0, 0, 0, 0.9); } #mobile-advanced a{ color: white; } #mobile-advanced a:hover, #mobile-advanced a:hover .avia-menu-text{ background: inherit !important; } #mobile-advanced a:hover .avia-menu-text{ color: skyBlue; } .header-scrolled .sub-menu a .avia-menu-text { color: #ccc; }
September 3, 2019 at 8:59 pm #1133543September 4, 2019 at 2:35 pm #1133858That corrected it on the single post but not on the news page which is the feed of posts.
September 4, 2019 at 4:18 pm #1133920Hi,
Adjust to the following:
.blog.rtl_columns, .single .sub-menu a .avia-menu-text{ color:#fff!important; }
Best regards,
Jordan ShannonSeptember 4, 2019 at 8:16 pm #1134065That doesnt seem to work. That prevents it from working on both the single post and the news feed/blog
September 4, 2019 at 8:55 pm #1134088Hi,
Apologies, this should work:
.blog.rtl_columns .sub-menu .avia-menu-text, .single .sub-menu a .avia-menu-text{ color:#fff!important; }
Best regards,
Jordan ShannonSeptember 4, 2019 at 9:15 pm #1134097Still doesn’t work.
Would it just be easier if we could ignore the styling and put a header image on on the blog and single templates so the menu is consistant across all pages?
September 7, 2019 at 3:58 pm #1135367Hi brianstoiber,
https://cl.ly/ca61e27e239a Looks fine on my end, which part is not working for you here?
Best regards,
VictoriaSeptember 9, 2019 at 5:56 pm #1136153The problem is you have to scroll down before you can see it.
September 10, 2019 at 6:41 pm #1136687Hi brianstoiber,
Best regards,
VictoriaSeptember 10, 2019 at 6:57 pm #1136698Is this a browser issue becuase when I visit /news, without scrolling down, I cannot see the text in white. They are an exremely dark grey. When I scroll down, I can then see them all.
September 11, 2019 at 6:35 pm #1137171Hi brianstoiber,
Could you please clear the cache, check again and get back to us and try in another browser too, it can be a cache issue.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.