haqzore Posted August 28, 2022 Share Posted August 28, 2022 (edited) Somewhere along the way, I must have tried messing with menu icons & can't remember how. In Menu Manager, I entered this: Which gets me this on the front end: Where is that other "page" type icon coming from? How do I get rid of it? Just incase, here is the Custom CSS for my theme: /** * This file is for your custom CSS. * This file is not modified or overwritten during upgrades */ /* ===[Filename:core/custom/superblocks.css]=== */ .SuperBlocks_line { border-top:2px solid {setting="SuperBlocks_keyColor"}; border-left:0; border-right:0; border-bottom:0; border-image: linear-gradient(to right, {setting="SuperBlocks_keyColor"}, {setting="SuperBlocks_secondaryColor"}) 30; } .SuperBlocks_badge { margin-right:7px; color: {setting="SuperBlocks_overlayColor"}; background-color: {setting="SuperBlocks_keyColor"}; background: linear-gradient(to right, {setting="SuperBlocks_keyColor"}, {setting="SuperBlocks_secondaryColor"}); } .SuperBlocks_thumbImage { max-width:100%; background-size:cover; background-position:center center; } .SuperBlocks_thumbImage_high { padding-bottom:70%; } .SuperBlocks_thumbImage_low { padding-bottom:50%; } .SuperBlocks_head { margin:0; padding:20px 0 2px; } .SuperBlocks_headLarge { font-size:28px; line-height:34px; } .SuperBlocks_headMedium { font-size:20px; line-height:24px; margin-bottom:6px; } .SuperBlocks_wrapper p { max-width:700px; } .SuperBlocks_imageContent a,.SuperBlocks_imageContent p, .SuperBlocks_imageContent { color:#FFF; } .SuperBlocks_imageContent { position: absolute; bottom:20px; left:10%; margin-right:20px; } .SuperBlocks_shadowContainer { box-shadow: inset 0px -270px 300px -83px rgba(0,0,0,0.70); } /* ===[Filename:core/custom/superblocks.css]=== */ .SuperBlocks_line { border-top:2px solid {setting="SuperBlocks_keyColor"}; border-left:0; border-right:0; border-bottom:0; border-image: linear-gradient(to right, {setting="SuperBlocks_keyColor"}, {setting="SuperBlocks_secondaryColor"}) 30; } .SuperBlocks_badge { margin-right:7px; color: {setting="SuperBlocks_overlayColor"}; background-color: {setting="SuperBlocks_keyColor"}; background: linear-gradient(to right, {setting="SuperBlocks_keyColor"}, {setting="SuperBlocks_secondaryColor"}); } .SuperBlocks_thumbImage { max-width:100%; background-size:cover; background-position:center center; } .SuperBlocks_thumbImage_high { padding-bottom:70%; } .SuperBlocks_thumbImage_low { padding-bottom:50%; } .SuperBlocks_head { margin:0; padding:20px 0 2px; } .SuperBlocks_headLarge { font-size:28px; line-height:34px; } .SuperBlocks_headMedium { font-size:20px; line-height:24px; margin-bottom:6px; } .SuperBlocks_wrapper p { max-width:700px; } .SuperBlocks_imageContent a,.SuperBlocks_imageContent p, .SuperBlocks_imageContent { color:#FFF; } .SuperBlocks_imageContent { position: absolute; bottom:20px; left:10%; margin-right:20px; } .SuperBlocks_shadowContainer { box-shadow: inset 0px -270px 300px -83px rgba(0,0,0,0.70); } Edited August 28, 2022 by haqzore Link to comment Share on other sites More sharing options...
Luuuk Posted August 28, 2022 Share Posted August 28, 2022 Hi, From the menu view I guess you are using Ehren's theme. You should remove the fa class from the menu Title and add this to custom.css instead: #elNavSecondary_NUMBER > a:nth-child(1):before{ content: '\f018'; } NUMBER = you need to open the menu > right click the desired item > Inspect element in your browser to get the ID. Works for me: Link to comment Share on other sites More sharing options...
Recommended Posts