Hey!

Please try adding following code to Quick CSS

#av_section_3 .flex_column .avia-slideshow {
margin: 0 15px 0 0 !important;
float: right;
background: url(https://weightlossrebels.com/wp-content/themes/responsive-child-theme/images/bg/slideshow-grunge-bg.png) no-repeat !important;
width: 322px !important;
height: 400px !important;
}

You may need to make some detailed adjustments. Please hire a freelancer for further mofidication

Regards,
Yigit

Hey wieslander!

Please add following code to Quick CSS in Enfold theme options under Styling tab

.alternate_color .avia-content-slider .slide-image { background-color: transparent; }

Regards,
Yigit

Hey guys!

The parallax is deactivated on mobile devices. when you scroll on a mobile device the page stops rendering (you can try that during a slideshow animation for example) therefore the parallax effect would not be smooth at all. there are ways to accomplish the effect but it requires a library like scrollability ( https://github.com/joehewitt/scrollability/blob/master/scrollability.js ) which is basically an 800 line big js file which we would need to include, just for that effect.

Currently I don really think its worth it to include it…
I will however take a look at the image proportions on ipads :)

Best regards,
Kriesi

• This reply was modified 12 years, 2 months ago by Kriesi.

Hey AsadIC!

If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. In your case, you should be looking for post id. It looks something like this, “postid-1”. Use that to remove the featured image just for specific posts.

.postid-1 big-preview {
display: none;
}

Best regards,
Ismael

Hi smonfils!

What is the option you’re using for “Display Preview Images” on the portfolio item? You can find the thumbnail sizes on functions.php:

$avia_config['imgSize']['gallery'] 		 		= array('width'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)

You can change the width and height then regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Ismael

Hey Mary!

Did you add the portfolio image using the “Add Media” button? Please edit the Text Block then switch to text editor, you should see something like this:

<a href="http://www.msfwebdesign.com/msfnew/wp-content/uploads/2014/02/gem.jpg" rel="lightbox"><img class="aligncenter size-gallery wp-image-3472" alt="gem market research" src="http://www.msfwebdesign.com/msfnew/wp-content/uploads/2014/02/gem-710x575.jpg" width="710" height="575"></a>

You can replace the href attribute with the actual website url then add the target=”_blank” attribute to open the image on a new window. Something like this:

<a href="ACTUAL WEBSITE URL HERE" target="_blank" rel="lightbox"><img class="aligncenter size-gallery wp-image-3472" alt="gem market research" src="http://www.msfwebdesign.com/msfnew/wp-content/uploads/2014/02/gem-710x575.jpg" width="710" height="575"></a>

Regards,
Ismael

Hi!

Do you have woocommerce 2.1? Please try an older version of woocommerce, see if it works. Increase the wordpress php memory limit. Refer to this link: http://dailyblogging.org/wordpress/increase-wordpress-memory-limit/

Regards,
Ismael

Hi!

Please give us a link to the actual pages with the gallery. Do you have any other plugins installed that maybe related with the gallery? Please deactivate all plugins, see if the issue is fixed.

Regards,
Ismael

Hey tredition!

It is set to 100% width through css. Please give us a link to the post. If you’re using the Add Media button, there is an “ATTACHMENT DISPLAY SETTINGS” where you can select the size and alignment of the image before you insert it.

Regards,
Ismael

Hi!

This will get you started but for further customization you need to hire a freelance developer. Add this on Quick CSS or custom.css:

.four.units.single-product-main-image.alpha {
width: 100%;
overflow: hidden;
}

.fpd-navigation.fpd-main-color {
width: 50px !important;
}

.fpd-sidebar > .fpd-content {
border-left: none;
position: relative;
width: 200px !important;
}

.fancy-product .fpd-container {
margin-bottom: 40px;
margin-right: 40px;
float: left;
width: 100%;
}

.fpd-product-container.fpd-border-color {
width: 50% !important;
}

#top .single-product-main-image .onsale {
display: none;
}

Cheers!
Ismael