Change image link button - Support | Kriesi.at

Tagged: button

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
August 3, 2017 at 1:25 pm #833873

schoenj
Participant

Hello,

Where can I change de layout / image of a link button?
Can I attach an image?

Regards
Rob de Jong.

August 4, 2017 at 9:08 am #834233

Rikard
Keymaster

Hey schoenj,

I’m not sure I understand what you mean by that, could you try to explain a bit further? If you want to submit a screenshot then you can upload it to a service like google drive or dropbox and then link to it here. Also please post a link to your site so that we can have a closer look.

Best regards,
Rikard

August 4, 2017 at 10:41 am #834266

schoenj
Participant

Hi Rikard,

Check this link please: https://www.dropbox.com/s/6f305mtfz0tnf9x/Schermafbeelding%202017-08-03%20om%2013.19.41.png?dl=0
I can’t give you link to site because we build it local on our own server.

Hopefully you can help me further.

Thanks, Rob

August 5, 2017 at 10:34 am #834683

Rikard
Keymaster

Hi Rob,

Thanks for the screenshot, that is the image overlay. How exactly do you want to change it?

Best regards,
Rikard

August 7, 2017 at 10:56 am #835292

schoenj
Participant

Hi Rikard,

We like to change the icon, see here: https://www.dropbox.com/s/a0oqb9s4y7zauiu/Schermafbeelding%202017-08-07%20om%2010.52.27.png?dl=0

Regards, Rob

August 9, 2017 at 3:59 pm #836461

schoenj
Participant

Hi Rikard, can you please answer my question, so I can carry on with this website?

Best Regards, Jeroen

August 12, 2017 at 2:51 pm #837905

Victoria
Inactive Moderator

Hi Jeroen,

We really need to see the actual html and css of the page to be able to come up with an appropriate solution for you. Please get back to us when you get the website to some testing server.
Do you have an icon uploaded to the website already?

Best regards,
Victoria

August 13, 2017 at 9:54 am #838183

schoenj
Participant

Hi Victoria,

we didn’t upload the icon yet. If you can’t say where we can change the overlay-icon image, please try to change your hostfile and take a look at the website.

The IP adres from the server is: 185.27.141.217
The website is: http://www.stravermobility.nl/

Best Regards,
Jeroen

August 15, 2017 at 1:42 pm #839273
Victoria
Inactive Moderator
Hi Jeroen,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.image-overlay.overlay-type-extern .image-overlay-inside:before {
     content: "\E832"; <--- your icon goes here
}
```
If you need further assistance please let us know.

Best regards,
Victoria
September 6, 2017 at 10:26 am #848518

schoenj
Participant

Hi Victoria,

I can not manage it. Is it possible that you place the button?

http://www.stravermobility.nl/wp-content/uploads/2017/09/Straver-Mobility-Bolletje-groen-kroon.png
or
https://www.dropbox.com/s/ipi8e3hlr8ywdee/Straver%20Mobility%20-%20Bolletje%20groen%20kroon.png?dl=0

Or you show me in the custom.css what position should I post?

https://www.dropbox.com/s/klmjmri0ox8uusn/Schermafbeelding%202017-09-06%20om%2010.19.59.png?dl=0

Thanks.
Best regards
Jeroen

September 8, 2017 at 7:41 am #849449
Ismael
Moderator
Hi,

Please use this filter to change the link icon.
```
function avf_default_icons_mod($icons) {
	$icons['link']	 = array( 'font' =>'entype-fontello', 'icon' => 'uf16d');
	return $icons;
}
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);
```
Adjust the font and icon value. Which icon would you like to use?

Best regards,
Ismael
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.