Joomla Templates Club 406,261 posts

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#731392

Hi,

This is something my client asked. I really don’t know if this is the way to go, so please forgive me if you find this question poinless.
When we hover over a picture at the grid, a card goes over the picture that shows the short description of the products.
Is it possible to make the background of the card semi-transparent, so you can see the picture at the back? Like 50%, maybe…

Thanks in advance.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751040

It would be helpful if you could share the url of the site you’re working on. Also, if you could temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings, that would be helpful as well.

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#751041

Hi @tomc ,

The site is: http://gr.ts-bee.com/index.php/en/ and the template is in development mode with nothing compressed and optimized.

Thank you.

I forgot upload the picture I made. Please check it out.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751042

;Try This . . . .

Within file path —> /components/com_jshopping/css/fixel.css
at line 698, add an “opacity” property – for example . . .


.jshop_list_product .product .prod-info {
background-color: #02bd85
box-sizing: border-box;
color: #c9f3e7;
height: 100%;
opacity: 0.5;
overflow: hidden;
padding: 40px;
position: absolute;
width: 100%;
}

You can, of course, play around with the value until you arrive at a result you’re most happy with.
The larger the number, the less transparent.

Hope That Helps

1 user says Thank You to TomC for this useful post

1. 7of9

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#751043

Thanks @tomc that worked like a charm! 😀

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#751044

Thanks @tomc that worked like a charm! 😀

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#751045

Sorry for the double posting. It was a loading glitch.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751150

Happy to be of assistance . . . All the best with your continuing site development.

🙂

[Author]

Posts