- This topic has 28 replies, 11 voices, and was last updated 8 months, 1 week ago by Karen Robinson.
- November 24, 2020 at 12:16 pm #1034466Ciaran ConnollyParticipant
Where abouts did you add this CSS code? I have tried adding it under Appearance ->Customize ->Additional CSS tab but that did not change anything. I also added it to the plugin’s core stylesheet which also did not work.
ThanksNovember 24, 2020 at 2:25 pm #1034614Thomas KolnowskiParticipant
Hello, Ciaran. I had the same problem you are having, so instead had to use the free version of the plug-in “Simple Custom CSS and JS” by SilkyPress.com to properly add the CSS to work in Admin. Make sure you set the option in the plug-in to “In Admin” under the “Where in Site” option.
Thomas KolnowskiFebruary 24, 2021 at 12:18 am #1079555UPRParticipant
@Thomas, thank you so much for sharing this!! Would love to implement as the current admin calendar is a big problem visually.
However, I don’t really want to use another plugin the customise the CSS.I have the same problem that adding the code to your standard WP-CSS customization does nothing. I think we would need to change the CSS of the plugin for the admin section.
I guess we’d need to modify admin.css in the assets folder of the MPHB plugin?
@Andre – can you please let us know where we have to add the code and how do we ‘future’ proof this against updates of MPHB? Cheers.
…and +1 for me for customisation options of the admin calendar within the plugin. 🙂
Thank you!February 25, 2021 at 1:07 am #1080334Andre FloresModerator
The code is indeed located in plugin CSS files and has the higher priority – this is the reason you my face issues with overriding it under Additional CSS section.
Changing the code in plugin files is not a good way to handle this, as they will be lost each time the plugin is updated.
I would use some third-party solution for this, as Thomas advised in his latest reply.
AndreFebruary 25, 2021 at 2:12 am #1080357UPRParticipant
Thanks for your reply Andre.
Can’t we copy the file to the child theme folder and add the code there? Or is this not recommended because it will replace the whole file not just the added code?
SashFebruary 25, 2021 at 4:35 am #1080433Ally BaxterParticipant
Another upvote from me please!
Thomas, thanks for your code – it’s already working well. How did you find what the OTA’s references were in iCal or the hotel booking plugin? I need to add in trip advisor and VRBO, but I can’t work out where to find their reference.
Thanks in advance!
AllyFebruary 26, 2021 at 5:42 am #1081077Thomas KolnowskiParticipant
Hi, Ally. Happy to hear the CSS code is working for you. I am traveling all this week and don’t have access to all of my tools, but you’ll want to first dissect the iCal export URLs from the OTA you want to use by using a tool like iCalendar Validator https://icalendar.org/validator.html – then examine the source HTML and CSS on the MotoPress admin calendar page to see how MP is using CSS to display the imported bookings.
The tricky part is locating the unique text strings in the imported iCal text files you want to style so it does not impact the display of MP or other OTAs then using unique CSS Selectors to format the text and shading in the proper colors to make the OTA bookings stand out. One of the best references for these CSS selectors is here: https://www.w3schools.com/cssref/css_selectors.asp
I’m back in my office from Weds, 3 March onwards if you want to contact me privately.
Digitized House Media, LLCMarch 1, 2021 at 2:42 am #1082265Ally BaxterParticipant
Thank you Tom, that was just what I needed!March 3, 2021 at 2:56 am #1083703Joshua StewartParticipant
Please add me as another vote for this feature request.March 3, 2021 at 11:38 pm #1084153Andre FloresModerator
I have added your up-vote to the feature request, thank you!
AndreMarch 13, 2021 at 10:15 am #1089203Jose Antonio Alamo RodriguezParticipant
This seems very necessary for my client. It would be great to implement it @Andre.
Vote +++++++May 18, 2021 at 5:26 am #1123222Karen RobinsonParticipant
Thomas Kolnowski I just wanted to thank you for your amazing code! It has made both myself and my client extremely happy – amazing stuff!! Do you happen to know if there is a way to add the name of the person who has booked to the text that appears on the calendar? ie where it says ‘[Web]’ if it said ‘[WEB] [Sarah Jones]’ for example? Thanks again Thomas, really appreciate your insight! 🙂 🙂May 18, 2021 at 1:46 pm #1123463Thomas KolnowskiParticipant
Hi, Karen – happy to hear our code is working for you. On your question, I don’t believe that’s possible by using the CSS Selector approach I used. It would require a more in-depth development effort.
Now, MotoPress has included some OTA shading in the latest version of the plug-in (3.9.6 onward), and I have not looked at that yet to see what approach they are taking and to see how it might be extended. That code may also stomp on the code I developed, so be aware of that possibility.
Digitized House Media, LLC
Austin, Texas USAMay 20, 2021 at 7:37 am #1124665Karen RobinsonParticipant
Hi Thomas! Thank you for your reply – yes I think you’re right. That’s interesting about version 3.9.6! Well if I get anywhere I’ll let you know – might help others too.
Thanks very much! 🙂
- You must be logged in to reply to this topic.