Skip to content
Log in Sign up

Hide phone number for not logged users

Hide the phone-number button on Vehica listings from visitors who are not logged in, so only the contact form stays visible. One CSS rule does it.

1 minute read

This CSS rule hides the phone number from visitors who are not logged in.

Add this custom CSS:

body:not(.logged-in) .vehica-phone-show-number { display: none; }

How to add custom CSS: How to add CSS code that is future update compatible

This hides, it does not protect
The rule works in the browser, so it removes the button from view. Treat it as a visual restriction rather than as a way of keeping the number secret.

For logged-in users:

Contact area of a listing with an outlined button showing a phone icon and the partly masked number "121 *** *** - reveal", above a solid brown "Send message" button.

For visitors who are not logged in:

The same contact area with the phone button gone — only the solid brown "Send message" button is left.

Ask the people who build Vehica

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?