Previous good custom CSS causing Virtue to not save change

I’m not seeing anything wrong with the above CSS, and even if there was an error with it, you should still be able to save your theme settings when making changes.

The first thing that i would look at is your plugins. Go through them one by one and deactivate to see if there is one causing this error.

Let me know if you find any plugin responsible for this.

-Kevin

Thanks Kevin for the quick reply.

All was working well. This issue arose when I was attempting to make a change to the text in the footer, (updating for 2017). The change could not be saved. It seems that that with the previously mentioned Custom CSS script, Virtue cannot save any changes.

Per your suggestion I added the above code back, then deactivated and reactivated each of my plugins one at a time, testing to see which plugin was causing the inability to save the above CSS code.

Result: Could not save changes in Virtue with above CSS code in each case.

Next: Deactivated ALL plugins (except Kadence Toolkit)
Result: Again could not save changes in Virtue with above CSS code.

Next: Deactivated ALL plugins (including Kadence Toolkit)
Result: Still could not save changes in Virtue with above CSS code.

Next: Reactivated plugins, removed all Custom CSS in Virtue > Advanced settings
Result: Virtue allows changes to be saved

Next: Removed all non-offending CSS. Added the CSS snippit below to Custom CSS

/* drop down menu settings */
#nav-second ul.sf-menu ul li a {
font-size: 14px;
font-family: lato;
/* color: #24a6e2; #24a6e2; blue */
color: #b49d5a;
background: #000000; /* black */
font-weight: 700;
font-style: normal;
}

Result: Could not save changes in Virtue

Same result when I attempt to try to save the other 2 snippits individually or all any comb of the 3.

The above testing was done with the most recent version of Chrome. Attempting with IE also would not allow me to make a save in Virtue with that CSS code in Custom CSS.

Any suggestions for more trouble shooting?

Could you try to save the above code to your Virtue test platform?
I am using the free virtue theme, Version: 2.8.4 with WordPress Version 4.7

Thanks again

I tested that CSS on my site and am not having the issue of not being able to save the CSS.

One thing that does stand out to me is the commented out color portion of the CSS.

I don’t think that it should break the CSS, but it’s possible that may be causing your issue. I’ll send this thread onto the developer so he can take a look.

-Kevin

Hey,
Can you tell me what css is directly above this section you posted? Or post a link to your site?
Kadence Themes

My site is https://greaterbostonhypnosis.com/

I have tested removing the commented out colors in the offending snippits.. still would not allow a save.

Below was the entire Custom CSS that was working for many years. (as mentioned before, any one of the 3 snippits alone will not allow a save now) without any additional Custom CSS.

———–

/* settings w drop down menu colors reversed */

/* sidebar menu settings */
.sidebar a:hover {
color: #24a6e2;         /* #24a6e2;  blue */     
}

.sidebar a {
color: #cccccc;     /* very light gray */
font-size: 16px;
font-family: lato;
}

/* drop down menu settings */
#nav-second ul.sf-menu ul li a {
font-size: 14px;
font-family: lato;
/* color: #24a6e2;                       #24a6e2;  blue */
color: #b49d5a;
background: #000000;           /*   black  */
font-weight: 700;
font-style: normal;
}

#nav-second ul.sf-menu ul li a:hover {
/*color: #b49d5a; */
color: #fff;                                         /* #b49d5a;  yellow */
}

/* drop down menu  border settings */
.sf-menu ul {
border-left: #000;
border-right: #000;
border-top: #000;
}

.sf-menu ul li:hover {
border-bottom-color: #000;
}

/*sets spacing between slider and secondary menu */
.contentclass {
padding-top: 5px;
}

/* remove date column from search result listing*/
.search-results .postdate {
display:none;
} 

#nav-second ul.sf-menu a:hover {
	background: #24a6e2;
	color: #fff;
}

————-

Thanks again for awesome Theme and support !

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This reply was modified 8 years, 2 months ago by bdbrown.

Hmm, still can’t recreate on any of my test servers.

When you click save right click on the screen and choose inspect. In the popup window click on the console log and let me know what error shows there.

Can you tell me what php version you are using? Have you tried repairing your database?

Ben
Kadence Themes

When I try to save… The message I get from the browser, Chrome, is:

—————————————————————————
greaterbostonhypnosis.com says:

There was a problem with your action. Please try again or reload the page.

______
| OK |
——

————————————————————————–

an equivalent message when I try with IE

in both cases the gray circular progress indicator to the left of the Virtue save button freezes. If I refresh the page the changes have not been made (saved).

The browser will only let you clear the popup message. right clicking the browser (or any other action) produces a beep.

The above, and all previous tests were with Win7

——————-
Tested with Firefox on Win8 Ver 6.3

After clearing the browser message, did the inspect of the Save button. Below is the Console log :

—-

JQMIGRATE: Migrate is installed, version 1.4.1 load-scripts.php:9:542

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features! themes.php

There was an error saving. Here is the result of your action: redux.min.js:1:18118

<!DOCTYPE html>
<html class=”no-js” lang=”en-US” prefix=”og: https://ogp.me/ns#” itemscope=”itemscope” itemtype=”https://schema.org/WebPage”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<title>Greater Boston Hypnosis Center – Hypnotherapy for Phobias</title>

<!– This site is optimized with the Yoast SEO plugin v4.0.2 – https://yoast.com/wordpress/plugins/seo/ –>
<meta name=”description” content=”Be Your Best, Boston Hypnotist for Weight Loss, Smoking, Sports, Golf, Phobias Anxiety Hypnotherapy. w Free Parking – Free Consultation.. MetroWest Boston”/>
<meta name=”robots” content=”noodp”/>
<link rel=”canonical” href=”https://greaterbostonhypnosis.com/” />
<link rel=”publisher” href=”https://plus.google.com/b/102284629429130267126/102284629429130267126/about”/>
<meta property=”og:locale” content=”en_US” />
<meta property=”og:type” content=”website” />
<meta property=”og:t[…] redux.min.js:1:18150

————-

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This reply was modified 8 years, 2 months ago by bdbrown.
• This reply was modified 8 years, 2 months ago by bdbrown.

When I try to save… The message I get from the browser, Chrome, is:

—————————————————————————
greaterbostonhypnosis.com says:

There was a problem with your action. Please try again or reload the page.

______
| OK |
——

————————————————————————–

an equivalent message when I try with IE

in both cases the gray circular progress indicator to the left of the Virtue save button freezes. If I refresh the page the changes have not been made (saved).

The browser will only let you clear the popup message. right clicking the browser (or any other action) produces a beep.

The above, and all previous tests were with Win7

All previous tests were with Win7

——————-
NOW Tested with Firefox on Win8 Ver 6.3

After clearing the browser message, did the inspect of the Save button. Below is the Console log :

—-

JQMIGRATE: Migrate is installed, version 1.4.1 load-scripts.php:9:542

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features! themes.php

There was an error saving. Here is the result of your action: redux.min.js:1:18118

<!DOCTYPE html>
<html class=”no-js” lang=”en-US” prefix=”og: https://ogp.me/ns#” itemscope=”itemscope” itemtype=”https://schema.org/WebPage”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<title>Greater Boston Hypnosis Center – Hypnotherapy for Phobias</title>

<!– This site is optimized with the Yoast SEO plugin v4.0.2 – https://yoast.com/wordpress/plugins/seo/ –>
<meta name=”description” content=”Be Your Best, Boston Hypnotist for Weight Loss, Smoking, Sports, Golf, Phobias Anxiety Hypnotherapy. w Free Parking – Free Consultation.. MetroWest Boston”/>
<meta name=”robots” content=”noodp”/>
<link rel=”canonical” href=”https://greaterbostonhypnosis.com/” />
<link rel=”publisher” href=”https://plus.google.com/b/102284629429130267126/102284629429130267126/about”/>
<meta property=”og:locale” content=”en_US” />
<meta property=”og:type” content=”website” />
<meta property=”og:t[…] redux.min.js:1:18150

————-

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This reply was modified 8 years, 2 months ago by bdbrown.
• This reply was modified 8 years, 2 months ago by bdbrown.

All previous tests were with Win7

——————-
NOW Tested with Firefox on Win8 Ver 6.3

After clearing the browser message, did the inspect of the Save button. Below is the Console log :

—-

JQMIGRATE: Migrate is installed, version 1.4.1 load-scripts.php:9:542

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features! themes.php

There was an error saving. Here is the result of your action: redux.min.js:1:18118

—–

if I copy all the additional code below the error line it does not allow me to send this message to you…prob trying to act on the code.

I don’t see a a way to attach it, or a screenshot from this support page.

You can upload screen shots to here and post a link: https://postimage.org/

Can you tell me what php version you are using. Unfortunately that information doesn’t help me narrow down the cause and I still can’t recreate.

Kadence Themes

Link to the screen shot, Inspection of the Save button after error popup cleared, viewing the Console tab.

https://postimg.org/image/qvtu85cir/

(inspection done with Firefox 50.1.0 running on Win 8)

————-

The web server is using: PHP Version 5.5.36

————

Again many thanks !

PS: additional server specs

Apache Version 2.2.31
PHP Version 5.5.36
MySQL Version 5.5.54-MariaDB
Architecture x86_64
Operating System linux
Path to Perl /usr/bin/perl
Perl Version 5.10.1
Kernel Version 2.6.32-642.6.1.el6.x86_64

Well, I still can’t recreate. So this is very odd.

So here are some things you can try. First just as a test if you minify your css does it work:

.sidebar a:hover{color:#24a6e2}.sidebar a{color:#ccc;font-size:16px;font-family:lato}#nav-second ul.sf-menu ul li a{font-size:14px;font-family:lato;color:#b49d5a;background:#000;font-weight:700;font-style:normal}#nav-second ul.sf-menu ul li a:hover{color:#fff}.sf-menu ul{border-left:#000;border-right:#000;border-top:#000}.sf-menu ul li:hover{border-bottom-color:#000}.contentclass{padding-top:5px}.search-results .postdate{display:none}#nav-second ul.sf-menu a:hover{background:#24a6e2;color:#fff}

Also if you login to your servers cpanel and navigate to the databases then run a repair on your wordpress database does that solve?

Ben

@charlieus – Please wrap your code in the backtick character or use the code button. Otherwise it can cause problems and potentially get caught in the spam filter. Thanks.

Hi Ben

Thank you so much for your insightful troubleshooting..

Your suggestion to minify the CSS code worked.. Then I decided to add back the code till it found the offending part.

It seems so unbelievable.. And I figured you would be interested in the result. Only the word “drop” is sensitive to the number of spaces after the initiating comment symbol /* Zero or one space in front of drop causes the CSS NOT to save.

IE /*drop */ and /* drop */ Will NOT save

/* drop */ /*for drop */ Will save. ( the word “drop”, requires atleast 2 leading spaces, but it seems that the word “drop is the only word requiring the 2 spaces)

So I needed either change the first word in the commented section, or add at least 2 spaces in front of the word “drop” if it was the leading word in the comment.

my workaround is to change: /* drop down menu settings */

TO

/* drop down menu settings */

which works. (explanation intentionally redundant, to make it totally clear, because of its unexpected nature)

Again I would have never figured this out without your help. Thank you so much !

Do you think this would benefit from doing your suggested database repair?

—————–

PS: what is the CSS for setting the color of the lower(bottom) border to black? in the snippit

/*  drop down menu  border settings */
.sf-menu ul {
border-left: #000;
border-right: #000;
border-top: #000;
}

To view the issue:
web address is https://greaterbostonhypnosis.com/ I wish to remove the white lines between the drop down menu items.