loudy_ca

Yes it works now Thank you so much dsonesuk for your kind help Have a good day;

Hi dsonesuk, Thank so much for the help, I applied that but still there is no effect. What I'm trying to do is simple but I'm not able to do that All I need is to reduce the size of the images, please see the attached image below. here is the Link to the page: http://demo30.joomplace.com/index.php?option=com_html5flippingbook&view=html5flippingbook&Itemid=777

Hello, I got stuck, and I hope someone help here. Link: https://www.joomplace.com/joomla-components/html5-flipping-book.html I'm trying to reduce the thumbnail picture to half size, I was successful to do that by change the code from 100$ to 55%. but the there is a border around the image that I'm not able to fix it. So to reduce the image size I change the following code, please also see image 1 I change the code from 100% to 55% #html5flippingbook .html5fb-img { width: 55%; } but I'm not sure what change in the border code: please see image 2, as I'm not sure how to remove the white space and make the border fit the image. #html5flippingbook .thumbnail { border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); display: block; line-height: 18px; padding: 4px; transition: all 0.2s ease-in-out 0s; }

Hello,Im working on my new site locally, I got the component Eshop but I found the theme is very basic, so I thought to add some life to it. but I'm confused how to add the transparent overlay effect on the imageshere is the component:http://joomdonationdemo.com/eshop/cameras.htmlplease see image 1.what I'm trying to do is when the mouse comes over the image a black transparent effect will shows.like here:http://eshoptemplates.com/fashionpro/I spent 2 hours to figure out that and tried to add some code to the theme style.css but it did not work:.grid .ajax-block-product div.eshop-image-block .overlay-background-color {display: block;height: 100%;left: 0;position: absolute;top: 0;transition: all 0.5s ease 0s;width: 100%;z-index: 99;}.grid .ajax-block-product div.eshop-image-block:hover .overlay-background-color {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);} I asked some people to help me, but I got more confused as they give me this link: http://www.cssportal.com/blog/adding-image-overlay-css/ Now I think I need to have the Css and the php changes needed to have this done please help.