Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4018) - 28 March 2024

Legacy Cumulus 1 release v1.9.4 (build 1099) - 28 November 2014 (a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

Modifying Width

Discussion of Ken True's web site templates

Moderator: saratogaWX

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

Modifying Width

Post by acatalano »

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: 1170
Joined: Wed 06 May 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 »

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: 92
Joined: Tue 16 Jun 2015 2:07 pm
Weather Station: Davis VP2
Operating System: Raspian, Win7 Pro
Location: Boulder, CO
Contact:

Re: Modifying Width

Post by acatalano »

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