Documentation
Main Menu -> Appearance
Guidance
How to change the "Random alternative" image on the booking service and the text below. The image normally only shows a gray image/illustration of a person.
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
/* Change the image */ .booknetic_card_staff_image[src="https://bookingtjeneste.no/wp-content/plugins/booknetic/app/Frontend/assets/icons/any_staff.svg"] { content: url('YOUR-IMAGE-URL-HER'); } /* Change the CSS for "Select an available option" */ .booknetic_card:first-of-type .booknetic_card_description::before { content: '; visibility: visible; display: block; margin-top: 0px; /* Adjust this value to fine-tune the placement */ margin-bottom: -20px; /* Adjust this value to fine-tune the placement */ } .booknetic_card:first-of-type .booknetic_card_description { visibility: hidden; } /* Change the text for "Random Option" */ .booknetic_card:first-of-type .booknetic_card_title_first::before { content: 'YOUR NEW TEXT HERE'; visibility: visible; display: block; margin-bottom: -18px; /* Adjust this value to fine-tune the placement */ } .booknetic_card:first-of-type .booknetic_card_title_first { visibility: hidden; }Image URL means the web address of your image. You must have your image on a server. Alternatively, you can send your image to us, and we can send you a URL.
English 
Norsk bokmål 
Norsk nynorsk