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