Style of the arrows in the thumbnails

[dia18]

Is there a way to change the arrow that appears on the thumbnails?

I’m using a rather “thin” graphic style.

The idea is to leave the arrow thin, elongated and slightly bigger.

Here’s an example of what I’m trying to do.

Thank you in advance for the help.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us a link to that page so we can have a look?
You can share the url in a private reply if necessary.

-Rui

[dia18]

This reply has been marked as private.

[David Martin – Support]

Apologies, but what URL do you see this on?

Thanks.

[dia18]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Thanks. That is an svg icon, I’m not sure it’s possible.
Will have to forward it to the development team.

Let’s wait for the reply.

-Rui

[Swift Ideas – Ed]

You can override the output with this function:

function custom_uplift_post_svg_icon() {
	return '<i><svg version="1.1" class="sf-hover-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
		<path fill="none" stroke="#444444" stroke-width="2" stroke-miterlimit="10" d="M2,12h20 M15,19l7-7l-7-7"/>
		</svg></i>';
}
add_filter('sf_port_post_svg_icon', 'custom_uplift_post_svg_icon');
add_filter('sf_post_standard_svg_icon', 'custom_uplift_post_svg_icon');
add_filter('sf_gallery_page_svg_icon', 'custom_uplift_post_svg_icon');
add_filter('sf_link_icon_svg', 'custom_uplift_post_svg_icon');

– Ed

[dia18]

Hello Guys,

Thank you so much for the support.

But I resolve in a very simple way.

At .CSS main file I add in the section “.sf-hover-svg path” one line:

“stroke-width: 0.7px;”

It worked!

Thank you again,

[David Martin – Support]

Marking as resolved.

Thanks.