Welcome to the new home of the Cumulus Support forum.

Latest Cumulus release v1.9.4 (build 1099) - Nov 28 2014
Latest Cumulus MX release - v3.0.0 build 3043 Jan 20 2017. See the Wiki for download

Modifying Width

Discussion of Ken True's web site templates

Moderator: saratogaWX

Post Reply
acatalano
Posts: 91
Joined: Tue Jun 16, 2015 2:07 pm
Weather Station: Davis VP2
Operating System: Raspian, Win7 Pro
Location: Boulder, CO
Contact:

Modifying Width

Post by acatalano » Tue Mar 13, 2018 3:29 pm

Although I'm very pleased with the display of my website based on the Saratoga templates (boulderwx.com) I've made some mods to the site and often find the width of the flyout menu a bit too narrow to include an understandable menu name or link description. For Example "World Lightning Map" requires 3 lines, one for each word. I'm wondering if there is a reasonably easy way of making such changes to the templates for such a purpose.
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965

User avatar
saratogaWX
Posts: 903
Joined: Wed May 06, 2009 5:02 am
Weather Station: Davis Vantage Pro Plus
Operating System: Windows 10 Professional
Location: Saratoga, CA, USA
Contact:

Re: Modifying Width

Post by saratogaWX » Tue Mar 13, 2018 3:54 pm

Possible, yes.. reasonably easy, not so much.

The flyout-menu.php script generates a dynamic CSS (based on current selected theme colors) each time a wx...php page is loaded. So, there are two areas to modify:

1) the weather-{color}-{width}-screen.css sets the overall dimensions for the page .
2) the dynamically generated css by flyout-menu.php controls the actual menu layout

You can tinker with mods to both by using the Firefox or Chrome developer tools which allow you to modify CSS 'on-the-fly' of any page and see the results immediately. Then you can make the changes permanent in both the *-screen.css and flyout-menu.php script.

Hope this helps...

acatalano
Posts: 91
Joined: Tue Jun 16, 2015 2:07 pm
Weather Station: Davis VP2
Operating System: Raspian, Win7 Pro
Location: Boulder, CO
Contact:

Re: Modifying Width

Post by acatalano » Wed Mar 14, 2018 4:13 am

Thank You!
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965

Post Reply