Unable to control CSS

Thank you for replying, Alan.

The problem isn’t so much accessing the Custom CSS tab (the URL is identical to the one you provided), but what happens when I get there: I get the following: “You do not have sufficient permissions to edit plugins for this site.” However, as I said, I am the Admin of the site (the original creator and primary user of the site). I have a screenshot of the message, but I don’t see a place to upload it to.

I’m running this on a local server (on my PC), but WP is set to run on it and the rest of the site functions in every respect — as does this plugin, except for control of CSS.

Could you point me to where the “sufficient permissions” warning comes from? Presumably from within the plugin upon doing a user’s rights check. Maybe there’s something in my WP settings I need to review/revise? I am already an Admin, so not sure what else there might be.

My theme (Thesis 2.8.5) has an elaborate, and very effective, CSS customization page. It works very well. However, most of the theme files do not reside in the typical directory structure (but some do). See the diff:

TYPICAL: wp-content > themes > theme-name

Thesis: in *addition* to the above… the main directories are here:

wp-content > thesis > thesis skins > skin name [pearsonified] > css files

Is there something in this directory structure that would trip the plugin, in terms of CSS?

I am fairly experienced with CSS editing and have built several sites… The odd thing here is that I’m able to control some of the styling bits (remove most button backgrounds, apply a new border) but not others (say, border and font color, and the current and hover background colors). I think I’m following CSS rules correctly — not too difficult when you cut and paste, following the element names, etc.

Would greatly appreciate your advice, especially on being able to use the plugin’s CSS tab.

JF

• This reply was modified 6 years, 10 months ago by Josefus Flavius.

UPDATE:

Please ignore the part on the theme’s directory structure… This appears to be a mirroring of the traditional WP theme because all the files appear in both locations and the CSS editing I did can be found in both. Therefore, it is my expectation that the theme CSS would override the plugin CSS which, as I said, happens only partially.

My earlier post is pasted below.

Thank you again,
JF

================

Thank you for replying, Alan.

The problem isn’t so much accessing the Custom CSS tab (the URL is identical to the one you provided), but what happens when I get there: I get the following: “You do not have sufficient permissions to edit plugins for this site.” However, as I said, I am the Admin of the site (the original creator and primary user of the site). I have a screenshot of the message, but I don’t see a place to upload it to.

I’m running this on a local server (on my PC), but WP is set to run on it and the rest of the site functions in every respect — as does this plugin, except for control of CSS.

Could you point me to where the “sufficient permissions” warning comes from? Presumably from within the plugin upon doing a user’s rights check. Maybe there’s something in my WP settings I need to review/revise? I am already an Admin, so not sure what else there might be.

My theme (Thesis 2.8.5) has an elaborate, and very effective, CSS customization page. It works very well. However, most of the theme files do not reside in the typical directory structure (but some do). See the diff:

TYPICAL: wp-content > themes > theme-name

Thesis: in *addition* to the above… the main directories are here:

wp-content > thesis > thesis skins > skin name [pearsonified] > css files

Is there something in this directory structure that would trip the plugin, in terms of CSS?

I am fairly experienced with CSS editing and have built several sites… The odd thing here is that I’m able to control some of the styling bits (remove most button backgrounds, apply a new border) but not others (say, border and font color, and the current and hover background colors). I think I’m following CSS rules correctly — not too difficult when you cut and paste, following the element names, etc.

Would greatly appreciate your advice, especially on being able to use the plugin’s CSS tab.

JF

Thank you for your replies and I will pursue the user’s rights issue separately.

Right, I know that the order of the CSS is key.

I too use Firefox and upon closer inspection I see that the plugin’s CSS overrides the theme’s CSS (my customized inputs).

For example, for the Current (page) button:

Here’s the CSS code in effect (directly from the plugin settings (Grey Buttons selected):

.wp-paginate .current {
color: #fff;
background: #5f87ae;
border: 1px solid #89adcf;
margin-right: 4px;
padding: 4px 8px;
}

Here’s what the Firefox inspector shows as overridden (my customization, shown in the FF inspector as stricken-thru, which you cannot see on this page:

.wp-paginate .current {
background: #eaeadf;
color: #333333;
font-weight: bold;
}

Similarly,

Here’s my customized code:

.wp-paginate a:hover, .wp-paginate a:active {
background: #eaeadf;
color: #333333;
}

And here’s what the plugin applies (its own CSS):

.wp-paginate a:hover, .wp-paginate a:active {
background: #ccc;
color: #888;
}

As you can see, my coding format is identical to the standard CSS the plugin uses…

Just a couple of examples, there are others.

One correction: I see now see that the plugin CSS is applied entirely, overriding *all* of my CSS, not as I might have stated earlier.

So, this suggests that the CSS code of the plugin loads last. Not sure why, or how I can change it.

Of course, having access to the plugin CSS tab could have solved this problem…

Any thoughts on this?

Thanks again,
JF