Can't change CSS on Google Calendar embed

Can't change CSS on Google Calendar embed was created by trogladyte

Posted 5 years 9 months ago #48922
www.ckdev.info/covenant/index.php?option...icle&id=2&Itemid=146

I tried to change the color of the day text and day text background by adding the CSS below to the Custom CSS section of TC, but the mods don't apply. I understand that I did this with a frame, but I expected the new CSS to apply.
Code:
.mv-daynames-table { table-layout: fixed; top: 0; left: 0; width: 100%; background: #3cb1ce; color: #ffffff; }

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Can't change CSS on Google Calendar embed

Posted 5 years 9 months ago #48927
Hi
this has nothing to do with Template Creator CK. Do you need a CSS customization service ? :)
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by trogladyte on topic Can't change CSS on Google Calendar embed

Posted 5 years 9 months ago #48934
Hehehe - no, don't need a customization service. Just wondering why the custom CSS I entered in TC didn't apply. Is it because Google Calendar is in a frame and is calling CSS prior to the frame loading so that the code I entered can't override? Just trying to learn. IIFRC I think I can customize in GC itself - just need to ask the client for access. Thanks Ced.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Can't change CSS on Google Calendar embed

Posted 5 years 9 months ago #48935
the only question relative to Template Creator CK, is : are the custom css loaded in the page ?
the answer : YES
www.ckdev.info/covenant/templates/covena..._2018/css/custom.css

now why your custom css rules do not give the result that you are expecting is something totally out of the use of Template Creator. this is only a question about CSS skills.

You can not target inside an iframe with CSS that are outside. These are 2 different pages

Believe me, if I could I would spent my time to deliver CSS courses and advices, unfortunately I also have to work on my projects and pay my bills ;)

CEd

PS : by my side the only way I know about styling inside an iframe is using Javascript

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: trogladyte

Please Log in or Create an account to join the conversation.

Replied by trogladyte on topic Can't change CSS on Google Calendar embed

Posted 5 years 9 months ago #48936
Thanks again Ced. Always appreciate you taking the time to teach we noobs! :P

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.651 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 783 guests and no members online