paddy power slots,Lodibet888.Recharge Every day and Get Bonus up-to 50%!

Resolved

(@satsoklgr)

This morning I updated the 3.2.1 version and the layout of the plugin elements broke badly.
All elements were one on top of the other, and finally, I had to restore the whole database to the day before as it seemed the only way to fix it.

I use the plugin with Grid mode checked on Styles, and I have added the following custom CSS

.crp_related {
	margin: 40px auto 40px auto;
  max-width: 1000px;
}
.crp_related ul {
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left:-20px;
}
.crp_related ul li {
	flex: auto;
	max-width:31%;
	min-width: 246px;
	flex-wrap: wrap-reverse;
	padding: 0;	
	box-shadow: none;
	text-align: left;
	overflow: hidden;
	border-radius: 0 !important;
	border: 1px solid #eeeeee;
	background: #ffffff;
}
.crp_related ul li:hover {
	transform: none !important;
	box-shadow: none !important;
}
.crp_title {
	position: relative;
	z-index:10;
	margin: 0 !important;
	background: #ffffff;
padding: 10px;
	font-family: 'AtCorfu';
	font-size: 16px;
	line-height: 22px;
	color: #555;
	font-weight: 700;
}
.crp_excerpt {
padding: 10px;
	font-family: Roboto;
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	color: #999;
	background: #ffffff;
	z-index:10;
	position: relative;
}
.crp_date {
  text-align: right;
  padding: 0 10px 0 0;
	font-family: Roboto;
	font-size: 11px;
	font-weight:400;
	line-height: 10px;
	background: #fff;
	z-index:10;
	position: relative;
}
.crp_related ul li img {
	width: 100%;
}
.crp_related figure {
  transition: all .5s !important; 
}
.crp_related figure:hover {
  transform: scale(1.2);
}

if that helps

I still wondering what had changed! I don’t give a link to the site as it is working ok with the previous 3.1.1 version now.
Now, I don’t dare to update anymore, I had enough trouble this morning.

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

Plugin Author Ajay
(@ajay)

2 years, 11 months ago

@satsoklgr

In v3.2.0, I’ve introduced more specific styles in the stylesheet. You can see the latest ones here: https://github.com/WebberZone/contextual-related-posts/tree/master/css

If you’re using the plugin or any other cache, you’ll need to also empty that as the plugin adds a specific class depending on which style is selected e.g. .crp-grid for the grid style.

Thread Starter satsoklgr
(@satsoklgr)

2 years, 11 months ago

Thanks for replying.

It has been fixed anyway, I checked “No styles: Select this option if you plan to add your own styles” and used my CSS with flex container, adding 3-4 more CSS rules in it.

This is my custom CSS now:

.crp_related{margin:40px auto 40px auto;max-width:1000px}.crp_related ul{-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-left:-20px}.crp_related ul li{flex:auto;max-width:31%;min-width:246px;flex-wrap:wrap-reverse;padding:0;box-shadow:none;text-align:left;overflow:hidden;border-radius:0!important;border:1px solid #eee;background:#fff;list-style:none;margin-bottom:17px}.crp_related ul li:hover{transform:none!important;box-shadow:none!important}.crp_title{position:relative;z-index:10;margin:0!important;background:#fff;padding:10px;font-family:AtCorfu;font-size:16px;line-height:22px;color:#555;font-weight:700;display:block}.crp_excerpt{padding:10px;font-family:Roboto;font-size:14px;line-height:22px;font-weight:700;color:#999;background:#fff;z-index:10;position:relative;display:block}.crp_date{text-align:right;padding:0 10px 0 0;font-family:Roboto;font-size:11px;font-weight:400;line-height:10px;background:#fff;z-index:10;position:relative}.crp_related ul li img{width:100%}.crp_related figure{transition:all .5s!important}.crp_related figure:hover{transform:scale(1.2)}

Plugin Author Ajay
(@ajay)

2 years, 11 months ago

@satsoklgr

For some reason the listing view is showing a response from you, but I can’t see it in the thread here. Is this resolved by any chance?

Thread Starter satsoklgr
(@satsoklgr)

2 years, 11 months ago

Yes, it is solved.

It has been fixed anyway, I checked “No styles: Select this option if you plan to add your own styles” and used my CSS with flex container, adding 3-4 more CSS rules in it.

Plugin Author Ajay
(@ajay)

2 years, 11 months ago

Fantastic! Thanks for confirming ??

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

The topic ‘Layout broke after update to latest version’ is closed to new replies.

Tags