menu button gradient -menu.css not available to edit color

Sorry…I missed your posting. The menu.css doesn’t show up in the admin side. It’s found in the theme files but in a folder named “css”.

As a side note, I’m not sure how long you’ve been using Preference Lite or how much work you’ve done on your site already, but I’ve recently uploaded a new theme replacement called Preferential Lite which is replacing Preference lite. It has not been approved yet by the WP review team, but I can still send you the new one if you decide you want to change the theme to this newer one.

thanks for your fast feedback.

Would it be possible to install the theme, switch it and most parts of the content and layout would stay?

i uploaded a picture how the folder structure looks i think i am at the right place.
https://www.skalli-food.de/wp-content/uploads/2014/09/menu1.png
i used filezilla to access it.

i really appreciate your hard support work.

oops…my fault. I realized now that on a previous update I moved the menu css into the theme’s own style.css. Anywayto do change your mobile toggle button for the menu, best to do custom CSS for this. You need a plugin to allow custom CSS such as Simple Custom CSS. You would then change the gradient CSS for the style code in the theme which begins around line 1174 of the style.css file and ends around line 1220.

IT starts off like this:

/* Main Menu Toggle */
.menu-toggle {

….and ends with

.menu-toggle:active,
.menu-toggle.toggled-on {

It’s a lot of code for me to post here so the best thing is to go to this point is to look at the code in the theme’s stylesheet and see how the styling was done. You can still partially follow the tutorial about doing a gradient here Gradient Tutorial

Use that plugin I mentioned about customizing CSS and basically you will be redoing the styling for these:

.menu-toggle {}
.menu-toggle:hover {}
.menu-toggle:active,
.menu-toggle.toggled-on {}

You also can make it very easy simply by doing a standard background colour instead of the gradient (which does a lot of code). This would simply be done like in your custom stylesheet:

.menu-toggle {
   background-color: #ccd6c9;
   color: #000;
}

The above code does a solid colour background and makes the “Menu” label on the button black with the colour #000;

To follow up with your other question about switching…WordPress would see it as a new theme, so your pages, posts, and menus will stay. The only thing is that your menu will need to be assigned to the Primary Menu location for this theme and then your menu will appear once again.

For things that you changed in the theme options, such as colours etc., unfortunately, you will have to redo those.

Widgets is another problem when changing themes in WordPress, you will need to do them again or at least re-assign them.

It’s not a small job if you’ve done a lot, but if you do this, I recommend making notes of everything you did, such as what colours were used, what widgets you had and where.

This theme has changed a lot which is why it’s almost starting over again.

ok thanks for your help.
if i install preferential-lite there would be no problem if i switch the theme and if i switch back to the preference-lite, all my custom settings would still be saved and the homepage would be as it is right now, is that correct?

i really appreciate your work.

i tried to add the code:

.menu-toggle {
   background-color: #ccd6c9;
   color: #000;
}

this does only work for the text color. the background gradient remains untouched and is not switched into a solid color.

Try

.menu-toggle {
background: none;
background-color: #ccd6c9;
   color: #000;
}

For your other question…technically it should go back to everything as was if you reverted back to Preference Lite. However, if you really want a safety net, use a backup plugin to make a full backup, and then do the change.

ok would you send me the preferential-lite please?

and is there a way to donate? maybe via paypal?
as a student and trying to establish a 1 man business i cant afford a theme but a donation. ??

.menu-toggle {
background: none;
background-color: #4e754e;
   color: #fff;
}
.menu-toggle:hover {
background: none;
background-color: #4e754e;
   color: #b88d28;
}
.menu-toggle:active {
background: none;
background-color: #4e754e;
   color: #fff;
}
.menu-toggle.toggled-on {
background: none;
background-color: #4e754e;
   color: #fff;
}

this is what i put in simple css and works great. Topic Resolved.

topic resolved. ??

Glad to hear it worked out for you…and absolutely no need for a donation. To get the theme PReferential Lite, Contact me HERE