No replies
johnnyk52uk
johnnyk52uk's picture
Offline
newbie
Last seen: 21 weeks 2 days ago
Timezone: GMT+1
Joined: 2022-07-13
Posts: 1
Points: 2

Hi,

New member here so hi.

I am in the process of creating a new website for my wife and found that simplybook website looks the best as she needs a booking system and they do let you host as well in their package.

Some things are made easy from just clicking a button on and off but simple things like changing font for the homepage need to be done by CSS, which I am not good at yet.

Here is what is in the code and what I have been given as an example from them when I asked for help.

Can anyone make this easier for me as I still don't understand.

This is what is already there and I need to change.

/*
Custom CSS
Please make sure your CSS rules are
more particular / have higher priority
then other page styles
*/
#events h3 {
/* add your css rule here */
}

#events p.duration, #events div.duration {
/* add your css rule here */
}

#events p.description, #events div.description {
/* add your css rule here */
}

#events .selectedEvent {
/* add your css rule here */
}

#events input.reserve_time_btn {
/* add your css rule here */
}

#events input.select_another_btn {
/* add your css rule here */
}

#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {
/* add your css rule here */
}

#eventForm #save_button {
/* add your css rule here */
}

div.ui-widget-content {
/* add your css rule here */
}

div.ui-widget-header {
/* add your css rule here */
}

#timeline-container table.timeline {
/* add your css rule here */
}

.timeline td.not_worked_time {
/* add your css rule here */
}

.timeline td.free_time {
/* add your css rule here */
}

.timeline td.selected_time {
/* add your css rule here */
}

.timeline td.reserved_time {
/* add your css rule here */
}

div#loading {
/* add your css rule here */
}

#start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label {
/* add your css rule here */
}

And here is what they have sent me as an example, but I don't know where this should go in the above code.

Here you can check an example of changing the font for all elements on the booking page to Oswald Find code to embed in Google fonts https://fonts.google.com -> ""+"" -> Family Selected pop-up -> Embed tab -> copy code in ... tags -> then add CSS TO THE VERY TOP of the CSS editor"

@import url('https://fonts.googleapis.com/css?family=Oswald'); :not(.fa):not(.fi) { font-family: 'Oswald' !important; }

Any help would be much appreciated.

Many thanks,
John