Change "Send enquiry" link to a button

This topic contains 14 replies, has 3 voices, and was last updated by  Tania Perez 6 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #417087

    Tania Perez
    Full Member
    Post count: 299

    Hi guys,

    I´m trying to change the Send enquiry link to a button like the imaage I´m attaching, I saw the link
    https://wpgeodirectory.com/docs/customizing-your-style/

    but can´t get it right.. could you help?

    I also saw this post but can´t figure it out
    https://wpgeodirectory.com/support/topic/supreme-directory-help/

    Thank you!

    #417090

    Guust
    Moderator
    Post count: 29970

    We will need the URL of the page, so we can inspect the code.
    Thanks

    #417094

    Tania Perez
    Full Member
    Post count: 299
    This reply has been marked as private.
    #417098

    Guust
    Moderator
    Post count: 29970

    Try this, adjust as required:

    
    
    .sd-detail-cta .geodir_email {width: 100%; background: yellow; font-size: 20px}
    .sd-detail-cta .geodir_email .geodir-i-email {padding: 10px;}

    Thanks

    #417117

    Tania Perez
    Full Member
    Post count: 299

    Thank you Guust!

    Is there a way to split Send enquiry and send to a friend into 2 separate buttons?

    🙂

    #417130

    Guust
    Moderator
    Post count: 29970

    They are 2 separate buttons on you site, are they not?

    #417138

    Tania Perez
    Full Member
    Post count: 299

    No, they are both on the same one, and it´s confusing for the user

    I´m attaching an image.

    The green button has both: Send enquiry (quiero mas información) and Send to a Friend (Enviar a un amigo)

    Can you help?

    Thank you!!!!!!

    #417175

    Kor
    Moderator
    Post count: 16516

    Hi Tania,

    Thanks for your reply. Just inspected your Website and I couldn’t find a listing that looks like the attached image. Could you please the URL of the page in question so that I could check on it? You can use the private reply option below.

    Thanks!

    #417209

    Tania Perez
    Full Member
    Post count: 299
    This reply has been marked as private.
    #417224

    Kor
    Moderator
    Post count: 16516

    Hi Tania,

    Kindly share WP admin access and I’ll make the adjustments for you. Please use the private reply option below.

    Thanks!

    #417230

    Tania Perez
    Full Member
    Post count: 299
    This reply has been marked as private.
    #417233

    Kor
    Moderator
    Post count: 16516

    Hi Tania,

    Where can I find the custom CSS provided by Guust earlier? All your custom CSS are scattered everywhere.

    Thanks!

    #417244

    Tania Perez
    Full Member
    Post count: 299

    Hei!

    Its on geodirectory/ design/ scripts

    🙂

    #417248

    Kor
    Moderator
    Post count: 16516

    Hi Tania,

    How about now? I’ve used the custom CSS code below.

    
    
    a.b_send_inquiry {
        background: greenyellow;
        display:block;
        padding: 10px;
        border-radius: 5px;
    }
    
    a.b_sendtofriend {
        display:block;
        margin-top:10px;
        background: yellow;
        padding: 10px;
        border-radius: 5px;    
    }
    
    i.fa.fa-envelope {
        display:none;
    }
    
    span.geodir-i-email > font {
        display:none!important;
    }
    
    .geodir-i-email {
        color: transparent;
    }
    #417297

    Tania Perez
    Full Member
    Post count: 299

    Yes Thank you!!!!!

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket