• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Make compliments_plus bold

Scheduled Pinned Locked Moved Unsolved Troubleshooting
6 Posts 3 Posters 1.2k Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    swvalenti Project Sponsor
    last edited by Sep 2, 2021, 8:15 PM

    How do I make the compliments bold, I tried the following in custom.css to no avail. What makes the text bold?

    .compliments_plus {
    display: bold;
    font-weight: bold
    }
    
    S 1 Reply Last reply Sep 2, 2021, 9:44 PM Reply Quote 0
    • S Offline
      swvalenti Project Sponsor @swvalenti
      last edited by Sep 2, 2021, 9:44 PM

      This doesn’t work either

      display: inline-block
      
      C 1 Reply Last reply Sep 2, 2021, 11:26 PM Reply Quote 0
      • C Offline
        cowboysdude Module Developer @swvalenti
        last edited by cowboysdude Sep 2, 2021, 11:39 PM Sep 2, 2021, 11:26 PM

        @swvalenti this =>

        
        .compliments_plus .pre-line {
        	font-weight: bold; 
        }
        

        You can also change colors under same custom.css like this ->

        .compliments_plus .pre-line {
        	font-weight: bold; 
           color: white;
        

        OR you can even change color of icon and font at the same time =>

        .compliments_plus .pre-line {
        	font-weight: bold;
        	color: white;
        }
        .compliments_plus .wi,
        .compliments_plus .fa { 
        	color: yellow;
        }
        

        OR just one at a time =>

        .compliments_plus .pre-line {
        	font-weight: bold;
        	color: white;
        }
        
        .compliments_plus .fa { 
        	color: yellow;
        }
        
        .compliments_plus .wi, {
        color:  green;
        }
        

        Hope that helps :)

        S ? 2 Replies Last reply Sep 2, 2021, 11:55 PM Reply Quote 1
        • S Offline
          swvalenti Project Sponsor @cowboysdude
          last edited by Sep 2, 2021, 11:55 PM

          @cowboysdude said in Make compliments_plus bold:

          .compliments_plus .pre-line {
          font-weight: bold;
          }

          You are the man as usual thanks for much for taking the time to help and explain. You rock it worked just like you said!

          C 1 Reply Last reply Sep 2, 2021, 11:57 PM Reply Quote 1
          • C Offline
            cowboysdude Module Developer @swvalenti
            last edited by Sep 2, 2021, 11:57 PM

            @swvalenti Glad you got it working :) Enjoy my friend.

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @cowboysdude
              last edited by A Former User Sep 3, 2021, 5:11 PM Sep 3, 2021, 5:09 PM

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • 1 / 1
              1 / 1
              • First post
                1/6
                Last post
              Enjoying MagicMirror? Please consider a donation!
              MagicMirror created by Michael Teeuw.
              Forum managed by Sam, technical setup by Karsten.
              This forum is using NodeBB as its core | Contributors
              Contact | Privacy Policy