gullbekken Posted December 4, 2022 Share Posted December 4, 2022 (edited) On the menu dropdown I want "Gullbekken Records" to get the color #F15824 and underline, how do I do this? Thanks! Edited December 4, 2022 by gullbekken correction Link to comment
tuanphan Posted December 9, 2022 Share Posted December 9, 2022 Hi, This is possible with some simple code. If you share link to your site, we can help easier gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
gullbekken Posted December 18, 2022 Author Share Posted December 18, 2022 www.gullbekken.com Link to comment
tuanphan Posted December 21, 2022 Share Posted December 21, 2022 On 12/18/2022 at 10:52 PM, gullbekken said: www.gullbekken.com Add to Design > Custom CSS div.header-menu-nav-item--active .header-menu-nav-item-content { background-image: none !important; border-bottom: 1px solid #F15824; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
gullbekken Posted December 25, 2022 Author Share Posted December 25, 2022 That didn't seem to work, that made "Gullbekken Studio" get a red underline, and still no underline and color for "Gullbekken Records". So I want "Gullbekken Studio" to stay as it is, but "Gullbekken Records" also to get a underline and change color on hover...? Link to comment
tuanphan Posted December 29, 2022 Share Posted December 29, 2022 If you want effect on hover, use this code div.header-menu-nav-item [href="/gullbekken-records"]:hover { background-image: none !important; border-bottom: 1px solid #F15824; display: inline-block; color: red !important; } replace red, #f15824 with color what you want gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
gullbekken Posted January 15 Author Share Posted January 15 Close! Still I need "Gullbekken Records" to have a black underline when not hovering, just like "Gullbekken Studio". And when I am hovering "Gullbekken Records" everything (G Studio and G Records) moves 1 or 2 pixels up? Link to comment
tuanphan Posted January 18 Share Posted January 18 On 1/15/2023 at 7:24 PM, gullbekken said: Close! Still I need "Gullbekken Records" to have a black underline when not hovering, just like "Gullbekken Studio". And when I am hovering "Gullbekken Records" everything (G Studio and G Records) moves 1 or 2 pixels up? To confirm your request, you want (Initial) Underline Gullbekken Records, same as Gullbekken Studio 1-2 pix up, change the code div.header-menu-nav-item [href="/gullbekken-records"]:hover { background-image: none !important; border-bottom: 1px solid #F15824; display: inline-block; color: red !important; } to this div.header-menu-nav-item [href="/gullbekken-records"] { border-bottom: 1px solid transparent; display: inline-block; } div.header-menu-nav-item [href="/gullbekken-records"]:hover { background-image: none !important; border-bottom: 1px solid #F15824; color: red !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
gullbekken Posted January 19 Author Share Posted January 19 Great! Only thing missing now is that "Gullbekken Records" also has a black underline when not hovering. Just like "Gullbekken Studio" above (see attachment). Link to comment
tuanphan Posted January 26 Share Posted January 26 On 1/19/2023 at 11:28 PM, gullbekken said: Great! Only thing missing now is that "Gullbekken Records" also has a black underline when not hovering. Just like "Gullbekken Studio" above (see attachment). You mean you need both has underline before hover? gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted January 28 Share Posted January 28 On 1/27/2023 at 12:31 AM, gullbekken said: Exactly : ) Don't remove any code in your current code. Add this to Design > Custom CSS .header-menu-nav-item-content { background-image: linear-gradient(currentColor,currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100%; } gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment