Menu Icons via Menu Manager

[haqzore]

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

[Luuuk]

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: