The W3.css Framework
Having spent a fair amount of time using the W3 CSS Framework I need to review what I have found so far.
Seeing that there is a fair amount of interaction with my existing style sheets and the W3 CSS Framework most of the experiments will be performed on the Parish Council server. The code will be documented here.
In addition to expanding the use of the W3.css website template that I am using for the Parish Council website I have incorporated the Framework into many of the pages on tempusfugit. The more that I use it I find that the use of the framework is allowing me to do a lot more.
As an expedience I have also started to develop pages for the Friends and Parish Council on tempusfugit so that I only have to upload the files to one server. The problem with this is that I run the risk of over-writing files and have different pages with the same file name.
The interaction between the W3 Framework and my CSS files
The following example does not work on this page due to the interaction - for a working example: Display Hover Class - 🔗 on my Parish Council site
Update - July 2021
It does work now as I have added the W3 Framework back with an override for the menu.
I have discovered that I need to have a local copy of the framework for prototyping for situations where I am not connected to the Internet.
The w3-display-hover Class
What I was trying to do was to emulate an example on the W3 Schools site that had something neat that would look good on a storefront page.
The css-display-hover class example on the W3 Schools site shows buttons tha appear when the cursor is over an image. The code example is too heavly buried on the W3 page and the first avatar example (given) is too simple.
Most recent version of the Framework
It is probably better to use the version that is hosted on the W3 Schools server as it is likely to change in the future.