eleopard

Dear Aj12,

Here are the answers:

Is it possible to add a slow scrolling image as opposed to a parallax?
This is not possible as well. You can add animations to images or content using the Plugin.

Plus can you use the plugin on a dashboard as opposed to adding it through the text bar?
I do not understand. You can use the plugin in Posts, pages, and you can add animation classes to your widgets by creating animations from here: http://downloads.eleopard.in/class-generator-wordpress

and then paste the animation classes in “Animate It Classes” box added below the widgets. you can add these classes on any widget with Custom CSS classes box as well.

I am wanting to create the plugin separately and then embed the shortcode into a widget if possible 🙂
Do you mean creating the Short-codes using Post/Page, and then pasting it on the widget? If so, yes it is possible

Dear James,

If the widgets you are using support HTML tags, you can apply animation to individual element using our class generator.
Please follow below steps:
1. Go to http://downloads.eleopard.in/class-generator-wordpress.html
2. Select different animation settings based on your requirement and click on generate button.
3. A popup will open with some CSS classe. Copy those classes.
4. Go to the widget body and create a div around the element which you want to animate and apply the generated CSS classes.

e.g.
Classes Generated: animated fadeIn delay2 duration2 eds-on-scroll

<div class=" animated fadeIn delay2 duration2 eds-on-scroll ">
<img src="ANY_IMAGE" />
</div>

Let us know if it helps

Dear Andrew,

New version is released for the plugin, please update it and your issue should be resolved.

Dear Andrea,

We’ll definitely take care of this in the upcoming update.

But this issue can be fixed on your end right away.
Do you remember anywhere in the Crush theme that you are using, there is a section to add custom CSS? If so just add

.entry-content{
    max-width: 900px !important;
}

to it and the post content should load fine.

Generally all the themes come with section to add custom CSS.

Dear Andrea,
Lets try this one more time

1. Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS Box

2. Delete all the CSS added and paste the following CSS:

.eds-bpm-view{
	overflow: visible;
	box-shadow: none;
	height: 330px !important;
}
.eds-bpm-view, .eds-bpm-view img{
	width: 320px;
	height: 230px;
	transition: all 0s linear !important;
}
.isotope-item{
	width: 320px;
	height: 330px;
}
.eds-bpm-view .eds-bpm-mask{
	width: 320px;
	height: 330px;
	top: 0;
	padding-top: 230px;
	opacity: 1 !important;
	background-color: transparent !important;
}
.eds-bpm-view .eds-bpm-view-heading{
	transform: translateY(0) !important;
	opacity: 1 !important;
	padding: 5px !important;
	text-align: left;
	font-family: 'Montserrat';
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-decoration: underline;
	background: transparent;
}
.eds-bpm-view:hover .eds-bpm-view-heading{
	color: #d5d822;
}
.eds-bpm-view .eds-bpm-view-para{
	transform: translateY(0) !important;
	opacity: 1 !important;
	color: #939aa5;
	text-align: left;
	font-style: normal;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0px;
	margin-top: 10px !important;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.eds-bpm-view a.eds-bpm-info{
	opacity: 0 !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	width: 100%;
	height: 100%;
	min-height: 355px;
	z-index: 9999999;
}
.mosaic-view-one .eds-bpm-view-first:hover img{
	transform: scale(1) !important;
}
.entry-content{
    max-width: 900px !important;
}

Let me know if this works.

• This reply was modified 8 years, 9 months ago by eleopard.

Yes that’s a CSS conflict.

Please add the following CSS to the bottom of previously posted CSS:

.body-width-unlimited div.section.sub div[class*="entry-"]{
	max-width: 900px !important;
}

This should resolve the issue

Dear Andrea,

Please follow these steps:

1. Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS Box

2. Paste the folloiwng CSS:

.eds-bpm-view{
	overflow: visible;
	box-shadow: none;
	height: 330px !important;
}
.eds-bpm-view, .eds-bpm-view img{
	width: 320px;
	height: 230px;
	transition: all 0s linear !important;
}
.isotope-item{
	width: 320px;
	height: 330px;
}
.eds-bpm-view .eds-bpm-mask{
	width: 320px;
	height: 330px;
	top: 0;
	padding-top: 230px;
	opacity: 1 !important;
	background-color: transparent !important;
}
.eds-bpm-view .eds-bpm-view-heading{
	transform: translateY(0) !important;
	opacity: 1 !important;
	padding: 5px !important;
	text-align: left;
	font-family: 'Montserrat';
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-decoration: underline;
	background: transparent;
}
.eds-bpm-view:hover .eds-bpm-view-heading{
	color: #d5d822;
}
.eds-bpm-view .eds-bpm-view-para{
	transform: translateY(0) !important;
	opacity: 1 !important;
	color: #939aa5;
	text-align: left;
	font-style: normal;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0px;
	margin-top: 10px !important;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.eds-bpm-view a.eds-bpm-info{
	opacity: 0 !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	width: 100%;
	height: 100%;
	min-height: 355px;
	z-index: 9999999;
}
.mosaic-view-one .eds-bpm-view-first:hover img{
	transform: scale(1) !important;
}

3. Save

This should make the look of the projects similar to
http://www.andreaverzola.com/project

Please let me know if this works.

Dear Gubortolotto,

Glad to know you were able to figure it out.
Please feel free to let me know if you have any other issues.