• Hello, can someone please help me with changing the button when you have the Preview option set? I currently have used Yellow Pencil to add my own button image. But when I enable the Preview option the same button image is used as per this screenshot:

    https://prnt.sc/VP1ML__k_WFP

    So I would like to know how can I change this image to a custom image I have change that says Preview instead of Sign?

    Any help will be greatly appreciated.

    Thank you.

    • This topic was modified 1 year, 7 months ago by cybagirl.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Marcel Pol

    (@mpol)

    Hi Cybagirl,
    Can you share the address of the website? I can then take a look and hopefully give better advise.
    I am not familiar with Yellow Pencil, I will see what I can do.

    Thread Starter cybagirl

    (@cybagirl)

    Hello Marcel and thank you so very much for getting back to me. Much appreciated.

    I created a little video if you would like to see it?

    It’s located here:

    https://youtu.be/G18lZk7mFqc

    I can give you special access to my website. But it is in maintanince mode as I need to do a few things to it.

    Is there a way I can private message you the address?

    Thank you again!

    Plugin Author Marcel Pol

    (@mpol)

    Hi Cybagirl,

    If you could email your address to [email protected] that would be great.

    Regards, Marcel

    Plugin Author Marcel Pol

    (@mpol)

    Hi Cybagirl,
    Not sure how that plugin works, but in the settings for the button image, both are wrapped together.

    .gwolle-gb input[type="”button”"] and .gwolle-gb input[type="”button”"]:hover are for the preview button.

    .gwolle-gb input[type="”submit”"] and .gwolle-gb input[type="”submit”"]:hover are for the submit button.

    Does this help you?

    Thread Starter cybagirl

    (@cybagirl)

    Hello and thank you so very much for assiting me and taking the time to look into this for me.

    So in order to have the preview button set to a different button do you know what code I need to use?

    So very sorry I am still learning CSS.

    Thank you so very much once again for your continued help and support!

    Plugin Author Marcel Pol

    (@mpol)

    I thought I typed that in already ?? I don’t know anything about that plugin but I tried a bit.

    .gwolle-gb input[type="”button”"] {
    background-image: url( /wp-content/uploads/2022/12/preview.png );
    }
    .gwolle-gb input[type="”button”"]:hover {
    background-image: url( /wp-content/uploads/2022/12/preview-hover.png );
    }
    .gwolle-gb input[type="”submit”"] {
    background-image: url( /wp-content/uploads/2022/12/sign.png );
    }
    .gwolle-gb input[type="”submit”"]:hover {
    background-image: url(/wp-content/uploads/2022/12/go.png);
    }


    Does this make it work for you?

    Thread Starter cybagirl

    (@cybagirl)

    Hello and thank you so very much for getting back to me once again. So sorry to be a pain about this. But I do appreciate all you have done for me.

    Thank you for the code once again and I will give it a shot. Might not be today as I have a few things on. But will be in the next day or two.

    I will get back to you with my findings as well.

    Thank you so very much once again for your awesome help and support.

    Kind regards,
    Erica

    Plugin Author Marcel Pol

    (@mpol)

    Hi, I suppose you still want the image buttons, not the blue color in CSS.

    Please understand that the button .gwolle-gb input[type="”submit”"] is the one for submitting.
    The button .gwolle-gb input[type="”button”"] is for the preview.
    For both buttons, you need to add different CSS with the corresponding image.

    Thread Starter cybagirl

    (@cybagirl)

    Hello Marcel and thanks for getting back to me.

    Yes I would like an image but only because I would like it to fit in with the theme I use.

    Thanks again for the code and I will have another look at it later today. I am just wondering though would it be possible at some stage for your to update the plugin and allow people to select button images, change the colour of them and change the colour of the back grounds in which people write their comments etc?

    Maybe even make it an addon that people can purchase like your other addon as I would be more than happy to buy it from you as I have done with your other addon to help and support you.

    Thanks

    Thread Starter cybagirl

    (@cybagirl)

    Ok I played around with the CSS in the CSS editor in WordPress but it still won’t display the Preview button for some reason as per this screenshot so I have no idea what I am doing wrong and I have spent days on this. So I will give up for now as I don’t know enough to fix this.

    https://prnt.sc/hWJsrJgnUOmE

    Thanks for your help though much appreciated.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Button Image Change?’ is closed to new replies.