Bingo app free,Sabse best Casino game.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved

(@lifesimplyrocks)

Greetings,

I’ve just installed your wonderful plugin, which seems to work pretty good. The styling of the thumbnails however was all over the place. It had visible bullet points which I managed to make go away. It’s still far from perfect. This is the CSS I’m currently using.

.crp_related {
	clear: both;
	margin: 10px 0;
}
.crp_related h3 {
	margin: 0 !important;
}
.crp_related ul {
	list-style: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}
.crp_related li, .crp_related a {
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.crp_related li {
	margin: 2px !important;
	border: 1px solid #ddd;
}
.crp_related li:hover {
	background: #eee;
	border-color: #bbb;
}
.crp_related a {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-decoration: none !important;

Any tips are appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter

lifesimplyrocks

(@lifesimplyrocks)

7 years, 11 months ago

I tried one of your experiments:

.crp_title{font-size: .8em;color:#000;float:left; clear:left!important;}
.crp_thumb{align:center!important;}
.crp_related { padding-top: 20px; width:100%;}
.crp_related ul  { margin-bottom:0px; margin-left:0px;list-style:none;padding-left:10px; }
.crp_related ul li { float:left; width:240px; padding:0px 6px 0px 0px; list-style:none;list-style-position: inside; height:180px;text-align: left;word-wrap:break-word; }
.crp_related ul li:hover {color: #7fbcf9;}
.crp_related ul li a {list-style-position: outside;word-wrap:break-word;list-style:none!important;}
.crp_related li::before {
    content: "" !important;
    background-color: transparent !important;
    width: 0 !important;
    height: 0 !important;
    top: 0 !important;
}
.crp_clear {clear:both;}

Seems to look pretty good. One question though: How can I make the color of the article titles change on hover?