Comments Michael Kelleher started the conversationSeptember 26, 2023 at 4:58pmneed to replace buttons on portfolio and woocommerce. see attachedAttached files: replace-buttns.jpg 7,120Oliver repliedSeptember 27, 2023 at 10:33amHi,Add this code to the functions.php of the child theme: function thegem_change_text( $translated_text ) { if ( $translated_text == 'Read more' ) { $translated_text = 'Something'; } return $translated_text; } add_filter( 'gettext', 'thegem_change_text', 20 );And use this CSS code as example: .portfolio-item .caption .gem-button { border: 1px solid #ccc; background-color: #e4e0df; font-size: 15px !important; padding-right: 50px; } .portfolio-item .caption .gem-button:after { content: '\e601'; font-family: 'thegem-icons'; width: 40px; background-color: #000; position: absolute; right: 0; } add it to the style style.css file Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. Regards, OliverMichael Kelleher repliedSeptember 27, 2023 at 1:52pmHi Oliver,We are actually wanting to replace the entire gem button with our custom image button, not the text. please see attached.Sorry for the confusion.KMKAttached files: replace-buttns.png 7,120Oliver repliedSeptember 28, 2023 at 9:12amHI! CSS example: a.gem-button.gem-button-style-outline { border: none !important; background-image: url(https://2k7064.p3cdn1.secureserver.net/wp-content/uploads/2023/09/learn-more-1.jpg); background-size: cover; font-size: 0; width: 143px; height: auto; } Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. Regards, OliverMichael Kelleher repliedSeptember 28, 2023 at 12:54pmWOW OUSTANDING!!!!Thank you very much. 7,120Oliver repliedSeptember 28, 2023 at 12:57pmWelcome!Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. Regards, OliverMichael Kelleher repliedSeptember 28, 2023 at 7:32pmsorry to bother you. Cant figure out how to connect this button image (ATTACHED) which is resized to replace the one you just gave us code for?We dont know how to access this part of the server: https://2k7064.p3cdn1.secureserver.netAttached files: learnmore-btn.jpg 7,120Oliver repliedSeptember 29, 2023 at 6:16amIt seems like you're using CDN, that's why there is strange image URL in my code, you just need to put your image URL here:https://prnt.sc/Nxy-L4d2A5VzPlease note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. Regards, OliverMichael Kelleher repliedSeptember 29, 2023 at 1:41pmI changed URL to: see attachedBut the image does not show up. It defaults to the standard button. Very strange, Attached files: changed-URL.png 4,803Michael repliedOctober 2, 2023 at 7:09amHi, I fixed the error in the code.Pleae check your site now.Michael Kelleher repliedOctober 4, 2023 at 10:10pmTHank you so MUCH!!! 4,803Michael repliedOctober 5, 2023 at 8:46amYou're welcome!Have a nice day! Sign in to reply ...
need to replace buttons on portfolio and woocommerce. see attached
Attached files: replace-buttns.jpg
Hi,
Add this code to the functions.php of the child theme:
And use this CSS code as example:
add it to the style style.css file
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi Oliver,
We are actually wanting to replace the entire gem button with our custom image button, not the text. please see attached.
Sorry for the confusion.
KMK
Attached files: replace-buttns.png
HI!
CSS example:
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
WOW OUSTANDING!!!!
Thank you very much.
Welcome!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
sorry to bother you. Cant figure out how to connect this button image (ATTACHED) which is resized to replace the one you just gave us code for?
We dont know how to access this part of the server:
Attached files: learnmore-btn.jpg
It seems like you're using CDN, that's why there is strange image URL in my code, you just need to put your image URL here:
https://prnt.sc/Nxy-L4d2A5Vz
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
I changed URL to: see attached
But the image does not show up. It defaults to the standard button. Very strange,
Attached files: changed-URL.png
Hi,
I fixed the error in the code.
Pleae check your site now.
THank you so MUCH!!!
You're welcome!
Have a nice day!