Remove icon from info box

8 posts from 2 voices

• Started 10 months ago by Wyko
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   Wyko
   Member

   How do you remove the icon from the info box frame made by the following code? I like the frame, but not the icon.

   [box type="info"]

   Posted 10 months ago #
2. 

   Ismael
   Moderator

   Hello,

   Just leave it empty. :)

   [box]Content[/box]

   Regards,
   Ismael

   Posted 10 months ago #
3. 

   Wyko
   Member

   Any way to get the blue color of the info box in that frame?

   Posted 10 months ago #
4. 

   Ismael
   Moderator

   Hi Wyko,

   If you want to remove the blue background color of the box, you can use this css code:
   

   .avia-box {
      background: none !important;
   }

   If it's the line above and bottom of the box, you can use border-top and border-bottom. If changes doesn't work, try to add the !important. Hope this helps. :)

   Regards,
   Ismael

   Posted 10 months ago #
5. 

   Wyko
   Member

   Haha, I think you misunderstand. I LIKE the border and frame of the blue info box, just not the icon. [box] [/box] is actually perfect; I just like the color scheme of the blue info box better without its icon.

   Posted 10 months ago #
6. 

   Ismael
   Moderator

   Hi Wyko,

   Sorry about that. use the [box]Content[/box] and add this css code:
   

   .avia-box.normal {
      border-color: #9DADBF !important;
      background-color: #F5F6FC !important;
   }

   Hope this helps. :)

   Regards,
   Ismael

   Posted 10 months ago #
7. 

   Wyko
   Member

   Perfect. Thank you!

   Posted 10 months ago #
8. 

   Ismael
   Moderator

   Hey,

   Glad to help. :)

   Regards,
   Ismael

   Posted 10 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.