Documentation

Make your company logo round on your booking page

Main Menu -> Appearance

   

What does the code do?

This code makes the company logo round on your booking page.

   

Guidance

1. Go to "Appearance" in the menu.

2: Navigate through the different available skins. Find the skin that says "Selected".

3: Click directly on the image or preview of your chosen look to open edit mode.

4: Scroll down until you find a section labeled "Custom CSS."

5: In the field under "Custom CSS", paste the CSS code you find below.

6: After entering the code, click the “Save” button to confirm the changes. Your selected theme will now be updated with the custom CSS.

 

NB. Updating the code may take a few hours due to cache. We recommend deleting cookies in your browser.

 

CSS Code

.booknetic_company_logo { width: 120px; /* Same width */ height: 120px; /* Same height */ border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 7px auto 0; /* Adds 7px at the top */ } .booknetic_company_logo img { border-radius: 50% !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
Rate and review
HelpfulNot useful

en_USEnglish