Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

SVG for Portofolio Custom Thumb Hover Image

Jim Stephens May 10, 2017 09:47PM CEST

I've uploaded a custom thumb hover image (an SVG file) but I want the SVG image to have a width of 30% without affecting the width background hover color. What is the best practice for scaling an SVG that's being used this way? Thanks!

Up 0 rated Down
Amanda May 11, 2017 01:05AM CEST Semplicelabs Agent

Hi Jim,

Are you able to share a link to the page where you have implemented this so I can see if some CSS will work?

Best,
Amanda

Up 0 rated Down
Jim May 11, 2017 01:10AM CEST
Oh yes! Apologies. I thought it autogenerated when it asked for my website...

http://simpledesign.co/
Up 0 rated Down
Amanda May 11, 2017 01:18AM CEST Semplicelabs Agent

Hi Jim,

I did get that link, sorry. I didn’t realize that picture was the thumbnail you were talking about, my bad!

This CSS works:

.thumb-hover {
    background-size: 30% auto !important;
}

If you need help on where to enter the CSS, this guide explains: http://help.semplicelabs.com/customer/portal/articles/2762667-guide-adding-custom-css-and-javascript-to-semplice

Best,
Amanda

Up 0 rated Down
Jim May 11, 2017 01:23AM CEST
Thanks Amanda! That worked like a charm!

Post Your Public Answer

Your name (required)
Your email address (required)
Answer (required)
17c96688a1a336f6040dd1b6149c3fa8@semplicelabs.desk-mail.com
https://cdn.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete