Support Thread - Responsive Color Changes for 155

[davewest]

Update: Well a little bit of google and I learned that firefox has a Responsive option in TOOLS. You will have to reload it twice to see your site as a mobile. Once there, you can inspect all elements exactly like you do with desktop. I think many people thought they were stuck with resizing the window which wasnt of any use at all. Now you can see the entire mobile version and troubleshoot it. This is a very useful tool.

Yap... been there for some time, called Responsive Design Mode Allows one to design and view in mobiles based on Android, IOS, Windoze, Tablets, and TV's.. Also to simulate load speeds, touch and such. Even design your own phone if you want to code some. Very useful... I use it quite often..

With Firefox on android Web Developer is an addon, but not very useful..

Many of us use or created tools or have FF addons, that are not widely used or known... which is why links are a quicker way of getting answers.

[dbltoe]

NOTICE:

Got tired of so many stylesheet changes involved in the original mod and just submitted version 2.0.0 of Responsive_Classic Color Changes. This change will work with both 1.5.5x and 1.5.6x sites and only involves adding two stylesheets and deleting/renaming one.

This version keeps stylesheet_colors_split.css to replace the stylesheet_colors.css and adds stylesheet_zcustom.css. The stylesheet_zcustom.css contains color changes to the mobile menu that would normally be in jquery.mmenu.all.css. That's the one that controls the colors for the mobile menu. Other color changes that would have been in some of the removed stylesheets are also included in stylesheet_zcustommmmm.css.

Stylesheet_zcustom.css is also the last stylesheet to load which means you can place site css changes/deletions/additions in this file. They will be performed and, when needed for repair/upgrade, they'll all be in one place in one file.

I'll post when the new version is available in the Plugins section. Meanwhile, a demo and the files are available at the links in my sig. Install/upgrade instructions are available in the zip file.

[dbltoe]

The new version with two stylesheets is available for download. There is a minor confusion in the installation that is corrected in version 2.0.1 I decided to place the two stylesheets in their own folder to separate what needs to go on a site from the other obligatory files.

2.0.1 has been submitted for download and is available at netzencommerce.com.

[dbltoe]

BUG FOUND IN RESPONSIVE CLASSIC:

In our further testing of the latest version of the Color Change Mod, we found an error in the existing files of the responsive_classic.

In line 233 of includes/templates/responsive_classic/css/responsive_mobile.css, the following needs to be changed from

#menu-search input[type=text]{vertical-align:top;display:inline-block;border:0;width:48% !important;height:32px;margin:0;font-size:0.9em;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

to

#menu-search input[type=text]{vertical-align:top;display:inline-block;border:0;width:58% !important;height:32px;margin:0;font-size:0.9em;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

This allows the customer to see all of the text in the input.

[dbltoe]

Spelling errors in stylesheet_zcustom.css.

Recently found two spelling errors in stylesheet_zcustom.css. These have been fixed in the github repository for the mod.

To manually change errors, lines 36 and 40 (of the original version) need to bed changed from

.button-top{nargin-top:1px;}

to

.button-top{margin-top:1px;}

[dbltoe]

There is an additional call in stylesheet_colors_split.css that won't show up unless the user changes the actual call later in the file. Line 159

#mainWrapper {background-color:#99ccff;background-color:rgba(153,204,255,0.6);}

should be deleted as that call is incorrect as far as color. Also, the call is correctly entered in line 203. Line 203 will become 202 after the deletion. You should see no difference in the colors of your site with this deletion.

In further looking over this mod for inclusion into 1.5.7, we've noticed that the navMainWrapper and some of the css buttons (if used) are using white as the font color.

Both the navMainWrapper and the buttons use the main color of this mod. That results in the white font looking "washed out" against the main color. Also, all other buttons, headings, etc using the main color have their font set to black (#000).

We've made three changes to the stylesheet_colors_split.css.

Line 13 is now

#navMainullia {color: #000; color:rgba(0,0,0,1.0);}

Line 148 is now

.normal_button {color: #000;}

Line 265 (266 if you did not delete line 150 as noted above) is now

#navMainulli {border-right:1pxsolid#000;}

Don't know if another release will be done before 1.5.7 is released but, the most current version is alwys available at our github repository.

[pixelpadre]

Persistence is the sign of a great engineer.

[pixelpadre]

Yap... been there for some time, called Responsive Design Mode Allows one to design and view in mobiles based on Android, IOS, Windoze, Tablets, and TV's.. Also to simulate load speeds, touch and such. Even design your own phone if you want to code some. Very useful... I use it quite often..

With Firefox on android Web Developer is an addon, but not very useful..

Many of us use or created tools or have FF addons, that are not widely used or known... which is why links are a quicker way of getting answers.

FWIW: ad blocker plus will interfere with responsive display when using developer tools. At least it did for me in firefox. I couldnt figure out why the responsive images was missing several of the key parts of the website. Then I was struck with the thought of turning off ABP. Once I did that, the expected responsive version appeared perfectly.

[dbltoe]

FWIW: ad blocker plus will interfere with responsive display when using developer tools. At least it did for me in firefox. I couldnt figure out why the responsive images was missing several of the key parts of the website. Then I was struck with the thought of turning off ABP. Once I did that, the expected responsive version appeared perfectly.

First of all, can you point us to the "ad blocker plus" mod?
Second, if it has a problem, why are you posting it in this thread?

[pixelpadre]

First of all, can you point us to the "ad blocker plus" mod?
Second, if it has a problem, why are you posting it in this thread?

ABP is a addon in firefox. If its active, FF developer tools will not function properly. I discovered this myself while trying to use developer tools.

It's just a "for what its worth" posting. FF developer tools are often cited as a method to troubleshoot ZC problems. There may be some that are trying to use it with ABP active and not having luck getting the tools to work properly. It was just by chance that the thought occurred to me that ABP might be interfering.

As to your question about why post it here. It because, as a good boy scout forum user, I searched a string for information that led me to this thread. I thought it might be relevant to the thread despite the age of the thread.