per post background color isn’t working, not even in custom css area

[Laura_D]

Ran search, Scrambler suggested putting something like    .post-id-290 {background-color:red;} in the custom css section. Did not work.

On the individual post area, {background-color:red;} doesn’t work either.

Suggestions?  I’m a long term user of Weaver II Pro – which I love.  Been trying Xtreme on my WAMP installation on my hard-drive

Thank you!  Laura_D

[scrambler]

If you have put {background-color:red;}  in the Per Post Style box of the post editing page and it is not producing any result, you probably have a broken CSS file due to some CSS syntax errors in some of your custom CSS. Review ALL your custom CSS for possible errors

To help, we need to inspect the site with your CSS in place so we can check what is going on.

So as usual, please provide a link to the site with specifics about which post you have the CSS in place for and what that CSS is.

If your site is local right now, create a test site online in a subfolder of a site you maintain, so we can access it.

Note: If you have Plus, in the page editing page, there is a post BG color box you can use to set a post background color. But if the above does not work we should get to the bottom of it as it is an indication of something else going on

[Laura_D]

Scrambler – thanks for your reply.  I will both check my WAMP site for css errors and then create subfolder test site. 

[Laura_D]

I think I solved the problem, at least partly.  In the custom CSS Rules, I wrote  .post-290 {background-color:orange}   that worked -the background color turned orange.  Still no luck getting the per post css section to work.

[scrambler]

{background-color:orange} 

Should also work in the per post style box. Depending where you putb the rule, it ends up in a different place in the global CSS file, if you have a bad rule in there, depending if your post rule ends up before or after the bad one, it may work or not.

You should sill investigate why the rule you place in the per post style box is not working.

Place the rule with a specific (unique) color in the per post style box, update and view the post page, inspect the page with your browser developer tool, open the css file there, and search for that specific color to see if the rule is present. If it is, inspect the post element, and check if the rule shows up in the list of CSS properties on the right.

If it is there but crossed, it is being overridden, check by which rule.

If it is not there, but IS in the CSS file, then the CSS file has some errors preventing the rule from being used

[Laura_D]

Scrambler and all:
Here is a page link for you to look at:

http://www.l5diamondsmedia.com/contact/

Yesterday I uploaded a new site and tested it before installing non-Weaver plug-ins.  Same problem.  The per-page or per-post CSS box doesn’t work.  Given that I have intermittently worked with Weaver themes for several years, it seems to me the issue of  per-page,post, CSS not working most likely is something in the coding of weaver Xtreme.

Let me know what you find. Thanks.

Laura_D

[scrambler]

Your link is to a contact page and we have no info on what post or what css to look for

if you have a problem with a per post style box to change the background color, we need a link to a page that has a post where you did just that, and what CSS you put in the per post style box.

[Weaver]

It is really 100% certain that per post custom CSS works properly when presented with correct CSS.

Note that there also is an explicit box to add a BG color using a color picker.

But we really need a link to a post with per post CSS that is failing to help.

[Laura_D]

http://www.l5diamondsmedia.com/a-passion-for-using-technology-to-tell-stories/   This is a page with posts. 
  
{background-color:yellow}  .page-title {color:orange}  This is the per-page css I tried for the above page.

http://www.l5diamondsmedia.com/a-tech-escape/   This is a post that appears on the above page using the category tech.

.entry-title a {color:green;}    {background-color:orange} .post-title a {color:red}  .entry-content {color:purple}   .entry-content {style: italic}  This is the per post css I tried for the above post.

the previous link I sent to the Contact Page had similar per-page css to the above.

Please remember, I am using the Weaver Xtreme theme and not Xtreme plus.  I very much appreciate your guidance in this matter.  The css I am putting in the per page and per post boxes is just not working for me. 

Weaver – Bruce, I don’t see a per page background color picker.  The general (whole site) background color picker works perfectly. 

Many thanks for your help.  I have worked with you both before and cherish your expertise.     Laura_D

[scrambler]

First page:

Where EXACTLY did you put that rule. Because your css ends up as a class on the page body class…

Any chance you put it in the wrong box, like the per page body class instead of the per page style box?

Also, the first part of the rule is not going to do anything as you are missing a selector to precise what background color needs to change.

For example if you need the wrapper of that page to be yellow, it should be

#wrapper {background-color:yellow;}  .page-title {color:orange;}

Your Post page.

You rules are nowhere to be seen which points to a broken CSS file as I mentioned, or it is not in the right box. Double check the box it is in.

I tested your rules in the per post style box of one of my post and they work just fine there, with a couple of exceptions:

If the entry title part i for the title on the single post page, it should not have an a tag selector as the single pots page title is not a link.

and style:italic is not valid, it is font-style:italic.

[Laura_D]

Scrambler – thanks for your reply. 

First page – you are right, I did put the css in the per page body class.  I tried adding #wrapper{backgournd-color:yellow;} did not work.  On per page – I do not see a box for per page style.

Post page – There is a per page style box and that is where my rules are.  I tried font-style:italic. No luck.

Your idea of a broken CSS file sounds right to me.  The question is why is this working for you and not for me.  I use a pc running windows 8.1, Also I use the latest version of wordpress and firefox.  Remember, in the Custom css rules section I do have control over the css styling.  So there is something about the per post styling box that is not working in my particular configuration.

Let me know if you have other ideas about how to tackle this.  Thank you! 
 

[Weaver]

So, just to be clear – my comments in this post are just about

http://www.l5diamondsmedia.com/a-tech-escape/

This is for a Weaver Xtreme Plus installation? (Only Weaver Xtreme Plus supports Per Post Custom CSS!).

We are talking about adding Per Post Custom CSS in the “Weaver Xtreme Options for this Post (Xtreme Plus Per Post Options)” box on the post editor admin page?

The link to a-tech-escape give above does not have ANY custom CSS Per Post rules. This is clear by looking at the HTML output of the page.

So, WHERE are you adding
.entry-title a {color:green;}    {background-color:orange} .post-title a {color:red}  .entry-content {color:purple}   .entry-content {style: italic}
????????

Upon further inspection, I don’t think that site is using Weaver Xtreme Plus at all, so there is no place to actually enter per post custom css.

[scrambler]

@weaver I believe this is the issue someone discussed a while back. The per post style box was visible in the basic Xtreme version, but does not produce any results because it is a plus options.

I don’t remember if / when it was supposed to be fixed

So @Laura_D

Per page style box and Per post style box are “Plus” Options only. Without plus, you need to use complete Custom CSS Rules in Main options > Fonts & Custom > Custom CSS Rule box, using the page and post ID classes.

[Weaver]

I thought I’d updated the theme support plugin, but apparently not. I didn’t update the version number, so the update was missed. I’ll do that asap.

[Laura_D]

Thank you!!  Do I understand correctly – Weaver-Bruce you are going to update the free Weaver Xtreme so that the per post css box works?  That would be great.

Here is my first Weaver Xtreme website.  Thought you might enjoy. Just posted it yesterday. 

 www.barbarabiddledesign.com

Sometime soon I likely will purchase Xtreme Plus.  I love your work and your support. 
Scrambler – you have been enormously helpful, I cherish your troubleshooting here.
  I am beginning to work with people who are not very tech savvy, so simplified commands for wordpress sites are very important to me. Or should I say { !important}

Laura_D

[scrambler]

“Thank you!!  Do I understand correctly – Weaver-Bruce you are going to update the free Weaver Xtreme so that the per post css box works?  That would be great. “

No he will fix the theme and plugin, so that this option does not show up on the basic version of the theme 🙂

As I said, the per post/page style box are “Plus” ONLY options. It was a mistake that you could see that box on a post editing page in the base version

But again you can do the same using the post ID class and rules in the theme Custom CSS Rule box

[Author]

Posts