Separate Email Send Enquiry Send To Friend

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

Open Support Ticket

Tagged: more info

Author

Posts
March 3, 2017 at 5:30 pm #365195

James Santarius
Free User

Post count: 9

How would I separate the Send Enquiry and Send To Friend buttons in the details more info on the sidebar into two separate links on two separate lines. Can’t seem to find a way to make this happen.

March 3, 2017 at 6:34 pm #365198

Kor
Moderator

Post count: 16516

Hi James,

Do you mind sharing the URL of the site in question so we can take a look? We probably can use custom CSS to achieve this. You can use the private reply option below.

Thanks!

March 7, 2017 at 2:49 pm #365924

James Santarius
Free User

Post count: 9

Currently at http://tlbbdev.ncctg.com

March 7, 2017 at 4:11 pm #365944
Kor
Moderator

Post count: 16516
Hi James,

Could you try using the custom CSS below and see if it’s what you’re looking for? It should look like this http://prntscr.com/eh5b1c if it works. Insert into GD > Design > Script > Custom Style CSS
```
a.b_sendtofriend {
    display:block;
    background-color: #90411e;
    padding: 4px;
    margin:0 -4px!important;
    border-bottom: 2px solid #6b2c10;
}

.geodir-sidebar-wrap div.geodir_more_info.geodir_email {
    background-color: transparent;
    border-bottom: 0px;
}

a.b_send_inquiry {
        display:block;
    background-color: #90411e;
    padding: 4px;
    margin:0 -4px!important;
    border-bottom: 2px solid #6b2c10;
}

.geodir-i-email i.fa.fa-envelope {
    display:none;
}
```
Thanks!
March 7, 2017 at 5:17 pm #365962
James Santarius
Free User

Post count: 9
Thanks for the help.

It’s almost there. I changed to this to get the spacing between them correct. When I moved it up I can see a bit of the vertical | bar that was between them. Not sure how to get rid of that and it may be what caused the extra vertical space between them to start with.

I would also like the envelope to show before the text on each link.
```
a.b_send_inquiry {
        display:block;
    background-color: #90411e;
    padding: 4px;
    margin:0 -4px -6px !important;
    border-bottom: 2px solid #6b2c10;
}
```
March 7, 2017 at 10:04 pm #366030

James Santarius
Free User

Post count: 9

As a followup I’ve got this working now. Figured out how use :before to add the envelope in front of the text for each link. Had to use some jquery to remove the vertical bar from between them.

March 8, 2017 at 5:16 am #366060

Kor
Moderator

Post count: 16516

Hi James,

Thanks for letting us know and I’m glad that you sorted it out yourself. Well, let us know if you need anything else.

Thanks!
Author

Posts