Make compliments_plus bold

swvalenti

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
}

swvalenti

This doesn’t work either

display: inline-block

cowboysdude

@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

swvalenti

@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!

cowboysdude

@swvalenti Glad you got it working Enjoy my friend.

hango

@cowboysdude @swvalenti

it’s sufficient (if not other module use this class)

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

for individual icon color in config ex.

compliments: {
   "anytime" : [
      "<i class=\"fa fa-thumbs-up\"></i> Hello sexy thing!",
      "<i class=\"fa fa-thumbs-down\"></i> You looking crappy"
	],
}

you can make this

.compliments_plus .fa-thumbs-up {
   color: lightblue;
}
.compliments_plus .fa-thumbs-down {
   color: red;
}

please mark @cowboysdude post as correct answer

UNSOLVED Make compliments_plus bold