Hi Ismael,
We have added these lines to our quick CSS:
.tax-product_cat .page-thumb {
display: none;
}
.tax-product_cat.term-warmtepompen .page-thumb {
display: block;
}
.tax-product_cat.term-zonnestroom .page-thumb {
display: block;
}
.tax-product_cat.term-zonnewarmte .page-thumb {
display: block;
}
It is working perfectly for both Zonnestroom and Warmtepompen categories, however for Zonnewarmte it is not. The image does not show there, even though we cannot find a difference in the Quick CSS lines, compared with Zonnestroom and Warmtepompen. Do you know why it is working for only two out of three?
Kind regards,
Pim and Gonneke
Hi!
You website looks great! But it seems like some image links are broken as you can see here http://i.imgur.com/NyKJ6wB.jpg
Please try removing them from Media Library and re-upload
Best regards,
Yigit
That sucks. I don’t mind the image title being shown, but all the other nonsense is ridiculous. What’s the purpose of WordPress’ ability to upload multiple files at a time if the only way not to include all the other junk information if a person has to upload each file to WordPress individually?
Hi there – thanks for the quick response.
unfortunately some of the CSS do not seem to work.
1) not working. the tabs in the picture are still there. however – i used the thumbnail regenerator – which made my catalogue images look even more blurry. so i resized the images to 450 with a photoeditor – uploaded it – nothing changed. :-(
also – how can i get rid of the lighbox (open product image in new window) of the product image?
2) perfect – thats what i was looking for!
3) same here – top!
4) this works too – thanks for that
5) unfortunately this did not change anything – any other idea?
is there any information how i can set up the correct image size for catalogue image, product images, thumbnail images? what should i consider in the woocommerce settings?!
i have tested the images with a standard theme – everything shows up perfect! no tab/sidebars, no blurred images… i have no idea why this is happening…
Hey!
I have just checked your website and it seems like you have already figured it out! Please confirm so we can mark this thread as resolved.
Best regards,
Yigit
HI
I have a couple of questions.
1) I am trying to embed video from vimeo and you tube on blog posts, but I don’t get a preview image.
http://www.copenhagenfilmcompany.dk/2014/news-3/dsb-the-joint-approach/ What am I doing wrong?
If I instead link a url for the video to an image, then there are no video controls and it opens in a pop-up window, which I don’t want. I want it to look like the samples you have on the demo – called “Another title for our pretty cool blog”. I don’t see any other video options on the blog post editing page.
2) Here on support – how do you make a new topic? I am editing previous topics but don’t see an easy “start topic” link.
3) I have been reading here about how to add social icons to the footer, facebook & linkin, but can’t understand how to do it. I was able to add it to the socket, but it didn’t line up correctly and I would rather have it in the first column of my footer under the search widget. Suggestions?
thanks very much. love the theme.
Hi Ismael,
We would like only the images on this page: https://www.peetersduurzaam.nl/webshop-2/ to be visible in the zoomed in way on these pages:
https://www.peetersduurzaam.nl/product-categorie/warmtepompen/
https://www.peetersduurzaam.nl/product-categorie/zonnestroom/
https://www.peetersduurzaam.nl/product-categorie/zonneboilers/
All the other subcategorie-images are not showing anymore in the zoomed in way and that is perfect!
Thank you again,
Pim and Gonneke
Hi Ismael,
Thank you for your response! We have added the line to our quick CSS and the zoomed images are not showing anymore.
However, we would like the to show in the main categories, is that possible? To only remove them from the subcategories as they are now, but still be visible for the main categories?
Kind regards,
Pim and Gonneke
Hey Kalmatron!
1.) Edit the Portfolio Grid element then look for “Link Handling”, choose “Display the big image in a lightbox”.
2.) Add this on your custom.css or Quick CSS:
.tiled-gallery-item.tiled-gallery-item-large a img {
width: 100% !important;
padding: 2px;
}
Regards,
Ismael
Dear support guru’s,
We have added an image to our product-categories and subcategories. When you click a subgategory, the page shows the subcategory-image zoomed in, would it be possible to not show the image on this page?
Kindest regards,
Pim and Gonneke
Hi Dogmut!
After you added the images on the fullscreen slider, click on the images again then insert a caption title and description. You can also add a button.
Regards,
Ismael
Hello sweet support guru’s,
Would it be possible to change the font size of the category names in Woocommerce? Also, we would like the names to be in the same style as one of the titles on our homepage, (it’s called ‘special title’ in WordPress, which adds a horizontal line) See: https://www.peetersduurzaam.nl/ , “Waarom Peeters Duurzaam?”
The category names are under the category-images, could we put the names above the images?
Thank you so much in advance!
Kindest regards, Pim and Gonneke
My site can be found at http://bit.ly/1fqPkFc.
I have used the snippet below on other themes and it works great. It adds a pop-up Pin It button to all images on hover, but I’m not sure where or how to add it to Enfold. I’d like to have it function on all pages.
I could not add the Insert-html-snippet plugin mentioned above because it is out of date with the current WP version, so I tried one called Code Snippets which did nothing. I can’t tell where it is adding the code. I need it to go after the opening tag <body>
<script type=”text/javascript” src=”//assets.pinterest.com/js/pinit.js”
data-pin-hover=”true”
></script>
Hey!
You must replace “Buy Now!” with the icon font character code. The easiest way to get the char code is to use the “icon shortcode” window and then hover over the icons and read the tooltip ( http://www.screenr.com/MYsN ). You can ignore the \u prefix but you need to copy/remember the eXXX code and then insert it into your stylesheet/css code.
Cheers!
Peter
Hi, firstly thanks for making such a great theme – very happy with my purchase. I have two issues however which I’m hoping you can fix for me.
1) my portfolio images do not open in a lightbox even though I have the ‘yes open in a lightbox’ selected, see here: http://www.kalma.com.au/portfolio-item/portfolio/
I would like the portfolio to open like my galleries that are in my posts http://www.kalma.com.au/category/photography/
2) When I create a post and add a gallery using the tile mosaic option there are some formatting issues sometimes, can this be fixed? see http://www.kalma.com.au/2014/01/12/print-shop/
Thanks a lot!
Hi MtnStreamGroup!
Can you please give us a link to the page? I tested this on my end and the alt tag doesn’t show up when I didn’t place anything on the Image Caption field.
Regards,
Ismael
Hi MtnStreamGroup!
Yes, the lightbox will show the image title, description, etc. – if you want to hide this information please add following code into the quick css field
div div.ppt {
display: none !important;
}
Cheers!
Peter
Hi MtnStreamGroup!
Can you please give us a link to the page with the image gallery? Only the title and the description should show, add this on Quick CSS:
.pp_details {
display: none !important;
}
Regards,
Ismael
This reply has been marked as private.
Hey aovivo!
Please do the following:
1.) Add this on your custom.css or Quick CSS:
.woocommerce-main-image.zoom {
overflow: hidden;
}
2.) Change the product title using this:
.product_title.entry-title {
font-size: 13px;
}
And the price font size with this:
#top .price span, #top del, #top ins {
font-size: 17px;
line-height: 24px;
}
3.) Change the button color with this:
.main_color .add_to_cart_button.button.product_type_simple {
background-color: red;
}
4.) Increase the bottom margin of categories using this:
.product_meta {
margin-bottom: 20px;
}
5.) Change the upsells or you may also like products using this:
#top .upsells.products h2 {
font-size: 15px;
color: red;
}
6.) It should be using the shop catalog image size which 450×450. Please regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
Hi Ilko!
Add this on your custom.css or Quick CSS to remove the image link on single post view:
.big-preview.multi-big .image-overlay, {
display: none !important;
cursor: default;
pointer-events: none;
}
.big-preview.multi-big {
cursor: default;
pointer-events: none;
}
Regards,
Ismael
Hi!
You can use the class of the surrounding div to change the content. I.e. if you want to use a different icon for product images use
.single-product-main-image .image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
and this rule will overwrite the default icon.
The difference between the three css code lines is just the icon. \E869 is the default icon, \E832 is the icon for external links and \E897 is the video icon.
Regards,
Peter
Hi webpress!
Insert a logo image with twice the size that you want then add this on Quick CSS:
.logo img {
max-height: 116px !important;
max-width: 231px !important;
}
Adjust the max-width and max-height.
Cheers!
Ismael
Is there a way to have other elements animate in when a user scrolls to wherever that element is?
like the icon lists and images can.
I have a special header element and I wanted that to animate in so i tried to assign a custom css class to the element and apply some css that an animated icon had.
Here is what I got, but it doesn’t work:
#top .jrm-easyas {
animation: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 avia_appear;
opacity: 1;
transform: scale(1);
}
If I apply other properties such as border and background color, they do appear, so I know the class is correct ad active.
Any ideas on how to get that animation working?
I would love to be able to animate whatever I wanted in :)
thanks!!!!
I apologize for not having seen where the images, but I’ve found, thank you very much for the great work
I have put a gallery on the site. When viewing the images in the gallery lightbox the file name, location, size dimensions are showing up above the image. Why is this happening? Can it be turned off?
I’m still a little confused. Maybe you can clarify..
.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";}
.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";}
This is the only code that I found in the base.css that references font icons.
Do you mind explaining the differences between the three for us please?
Not sure how this will change the rollover icon for my products and regular images not related to my products. It seems like they are connected as they are classified as the same type in the above css. Sorry if I’m just misunderstanding.
Thanks.