Hi hodgsondesign!

You need to manually add the social buttons and provide the images. Edit js > avia.js, find this code:

elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });

For example, we will add a facebook button. Replace the code above with this:

elements.prettyPhoto({ social_tools:'<div class="pp_social"><div class="facebook"><a href="facebook.com" class="facebook-button"></a></div></div>',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });

Add this on your custom.css or Quick CSS:

.pp_social .facebook .facebook-button {
display: block;
width: 20px;
height: 20px;
background: red;
position: relative;
margin-top: -15px;
}

.pp_social .facebook {
overflow: visible;
}

You can replace the background with the facebook icon and replace the url with your account.

Cheers!
Ismael

Hey!

The bg-button.png doesn’t exist. It should be located here: http://www.yourwebsite.com/wp-content/themes/enfold/images/layout/bg-button.png

Cheers!
Ismael

• This reply was modified 12 years, 5 months ago by Yigit. Reason: website is private

Hey!

That is the way the single product is formatted. The sidebar on single product pages will always be on the left. You can choose not to show it, add this on your custom.css or Quick CSS:

#top #main .single-product-main-image .sidebar, #top #main .single-product-main-image .inner_sidebar {
display: none;
}

Cheers!
Ismael

Hey!

I visited the page and it looks like you managed to add a gallery. I tested this on my end the gallery shortcode works fine.

[av_gallery ids='316,315,314,313' style='thumbnails' preview_size='portfolio' thumb_size='portfolio' columns='5' imagelink='lightbox' lazyload='avia_lazyload']

You really have a lot of plugins installed. Please deactivate all of them then test it on another browser. Go to wp-content/plugins folder and delete unused plugin folders.

Please post the login details here and set it as a private reply.

Cheers!
Ismael

Hey!

Please try to add this on your custom.css or Quick CSS;

.image-overlay .image-overlay-inside {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
content: '\E897';
font-family: 'entypo-fontello';
border-radius: 10px !important;
line-height: 60px !important;
height: 60px !important;
background-color: #DD0303 !important;
font-size: 24px;
}

Regards,
Ismael

Hey LRS123!

Can you please post the link to the post with the featured image? You can hide it using CSS:

.single .small-preview {
display: none;
}

.single .big-preview.single-big {
display: none;
}

Best regards,
Ismael

Hi!

I visited the page here: http://liveurstory.com/hipster-trendster

I don’t see any 2000px wide images. On the backend, you can switch to Text or HTML editor.

Regards,
Ismael

Hi!

The images you uploaded are broken. Please post it again here.

Regards,
Ismael

Hey heidi22!

You can add this on your custom.css or Quick CSS:

.single .fullsize .big-preview.single-big {
width: 460px;
margin: 0 auto;
}

Best regards,
Ismael

Hey!

1) What is the exact path to that folder? Should be “wp-content/themes/enfold/images/layout/bg-button.png”
2)Please find following line in Ismael’s code

.main_color input[type='submit'] {
background-image: url("../images/layout/bg-button.png"); }

and change it to

.main_color input[type='submit'] {
background-image: url("yourwebsite.com/wp-content/themes/enfold/images/layout/bg-button.png"); }

If you have changed theme folders name from Enfold to something else, you should adjust this link yourwebsite.com/wp-content/themes/enfold/images/layout/bg-button.png

Best regards,
Yigit

Hey!

Removed.
With Ismael’s code you have added this line

background-image: url("../images/layout/bg-button.png");

So i assumed that you have checked that bg-button.png file exists inside enfold\images\layout folder. That is why i said “once again” :)

Regards,
Yigit

Hey!

You are welcome! Let us know if you have any other questions or issues

Best regards,
Yigit