Changing calendar font - help for a newbie!
Archenlander created the topic: Changing calendar font - help for a newbie!
I want to change the font of the calendar to match the style of my Wordpress website, but can't figure out how to do it.
I've looked up the FAQs and understand I need to insert some code relating to CSS but don't know where to go in the Wordpress dashboard to do this.
I am not a Wordpress expert, so any help would be appreciated!
Please Log in or Create an account to join the conversation.
- Topic Author
- Archenlander
- Offline
- Fresh Boarder
- Posts: 5
- Thank you received: 0
7 years 10 months ago
Zhanna Khachatryan replied the topic: Changing calendar font - help for a newbie!
Dear Archenlander,
Thanks for your inquiry.
To change the font family all across the calendar please follow the below instructions:
Enter the file spider-event-calendar/calendar.php
Search (ctrl+F) <style tag
Add in this tag the below code:
#afterbig<?php echo $many_sp_calendar; ?> *,
#bigcalendar<?php echo $many_sp_calendar; ?> *{
font-family: Segoe UI !important;
}
Here instead of Segoe UI you can write your desired font family.
Kind regards,
Zhanna K.
Web-Dorado team
Try out our brand new plugins:
MailChimp WD
Google Analytics WD
Explore them and share your thoughts!
Please Log in or Create an account to join the conversation.
- Zhanna Khachatryan
- Offline
- Moderator
- Posts: 2081
- Thank you received: 135
7 years 10 months ago
Archenlander replied the topic: Changing calendar font - help for a newbie!
Thank you for the swift response.
Unfortunately, when I go to edit Spider Calndar and search for "<style tag" it isn't there.
I've found two instances of <style> - am I looking in the right place?
Please Log in or Create an account to join the conversation.
- Topic Author
- Archenlander
- Offline
- Fresh Boarder
- Posts: 5
- Thank you received: 0
7 years 10 months ago
Zhanna Khachatryan replied the topic: Changing calendar font - help for a newbie!
Dear Archenlander,
I am sorry I have missed the > character.
You have searched correctly, that should be <style> and please add in the second <style> tag.
Kind regards,
Zhanna K.
Web-Dorado team
Try out our brand new plugins:
MailChimp WD
Google Analytics WD
Explore them and share your thoughts!
Please Log in or Create an account to join the conversation.
- Zhanna Khachatryan
- Offline
- Moderator
- Posts: 2081
- Thank you received: 135
7 years 10 months ago
Archenlander replied the topic: Changing calendar font - help for a newbie!
OK - I've found 2 instances of the <style> tag:
Here:
<style>
#export_div{
background: #fff;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
box-shadow: 0 1px 1px rgba(0,0,0,.04);
border-spacing: 0;
width: 65%;
clear: both;
margin: 0;
padding: 7px 7px 8px 10px;
margin: 20px 0 10px 0;
}
And here:
<style>
html.thickbox_open{
overflow: hidden;
}
Which one should I amend?
Sorry - don't want to break it!!!
Please Log in or Create an account to join the conversation.
- Topic Author
- Archenlander
- Offline
- Fresh Boarder
- Posts: 5
- Thank you received: 0
7 years 10 months ago
Zhanna Khachatryan replied the topic: Changing calendar font - help for a newbie!
Hi Archenlander,
You should add it in this one.
<style>
html.thickbox_open{
overflow: hidden;
}
Kind regards,
Zhanna K.
Web-Dorado team
Try out our brand new plugins:
MailChimp WD
Google Analytics WD
Explore them and share your thoughts!
Please Log in or Create an account to join the conversation.
- Zhanna Khachatryan
- Offline
- Moderator
- Posts: 2081
- Thank you received: 135
7 years 10 months ago
Archenlander replied the topic: Changing calendar font - help for a newbie!
I've tried that and it doesn't seem to have worked.
I put 'Ariel' instead of 'Segoe UI' ...
Please Log in or Create an account to join the conversation.
- Topic Author
- Archenlander
- Offline
- Fresh Boarder
- Posts: 5
- Thank you received: 0
7 years 10 months ago
Zhanna Khachatryan replied the topic: Changing calendar font - help for a newbie!
Hi Archenlander,
Have you written 'Ariel'? That should be 'Arial'.
Can you please check it.
Kind regards,
Zhanna K.
Web-Dorado team
Try out our brand new plugins:
MailChimp WD
Google Analytics WD
Explore them and share your thoughts!
Please Log in or Create an account to join the conversation.
- Zhanna Khachatryan
- Offline
- Moderator
- Posts: 2081
- Thank you received: 135
7 years 10 months ago
Archenlander replied the topic: Changing calendar font - help for a newbie!
I did mean Arial, which is did put in.
Looks like it's working now. Not sure if it's because I took removed the space after Arial:
<style>
#afterbig<?php echo $many_sp_calendar; ?> *,
#bigcalendar<?php echo $many_sp_calendar; ?> *{
font-family: Arial!important;
}
Thanks for you help!
Please Log in or Create an account to join the conversation.
- Topic Author
- Archenlander
- Offline
- Fresh Boarder
- Posts: 5
- Thank you received: 0
7 years 10 months ago
Zhanna Khachatryan replied the topic: Changing calendar font - help for a newbie!
Thank you too Archenlander for keeping us updated with results.
I just thought you have misspelled.
It's fine that all works correctly now
Kind regards,
Zhanna K.
Web-Dorado team
Try out our brand new plugins:
MailChimp WD
Google Analytics WD
Explore them and share your thoughts!
Please Log in or Create an account to join the conversation.
- Zhanna Khachatryan
- Offline
- Moderator
- Posts: 2081
- Thank you received: 135
7 years 10 months ago