Please read the posts in the Announcements section about the current status of Cumulus development now that I have retired

Please read this post before posting

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

Modifying Width

Discussion of Ken True's web site templates

Moderator: saratogaWX

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

Postby 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: 878
Joined: Wed May 06, 2009 5:02 am
Weather Station: Davis Vantage Pro Plus
Operating System: Windows XP SP3
Location: Saratoga, CA, USA
Contact:

Re: Modifying Width

Postby 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

Postby 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


Return to “Saratoga Templates”

Who is online

Users browsing this forum: No registered users and 4 guests