Custom CSS rules – Which selectors for the menu-area?

[micha1451]

Hi,
thank you for yesterday help!

By insert following code in the css custom rules I got nearly the effect I wanted.

body.page-id-305  {background-color: #e2e9e7}
.page-id-305 #wrapper {background-color: #e2e9e7}
.page-id-305 #main {background-color: #e2e9e7}
.page-id-305 #content {background-color: #e2e9e7}

Only one issue is missing: How can I take effect to the menu-bar?

I didn’t found any selectors/classes for this area.

http://www.mgaleris.de/links/

Thanks and regards
Michael

[scrambler]

if you meant how to change the menu bar color of that page, add the rule

.page-id-305 .menu-primary .wvrx-menu-container {background-color:red;}

[scrambler]

by the way, given you have plus, you can also use the Per page Style box found in the page editing page for simpler rules.

In you case these are the rules you would put in the Per page style box

+body.page-id-305  {background-color: #e2e9e7}
#wrapper {background-color: #e2e9e7}
#main {background-color: #e2e9e7}
#content {background-color: #e2e9e7}
.menu-primary .wvrx-menu-container {background-color:red;}

basically you can do away with the page id class as the theme will add it automatically.

With the exception of the first rule. Because the class and the body tag are at the same level, there must be no space between the two selectors, but the automatic selector addition from the theme is not smart enough to know that. By adding plus in front of the rule you disable the automatic page ID class addition, and you can put the full rule with the proper selector syntax

[micha1451]

@ scrambler,

thank you!

That’s exactly the point I was looking for 🙂

I use the plus version. Although I can not acitvate the license in the admin area, in my shop-account all is shown as ok.
May be, because I switched from Weaver II pro to extreme… And t

Best regards
Michael

[scrambler]

The plugin still works so you can use the per page style box if you like, but the plugin wont update if not activated.

If you have a problem activating it, send a personal message to weaver on the page below with all your account information and a detailed explanation of what is going on.

http://weavertheme.com/support/contact/

[micha1451]

Hi scrambler,

thank you for your help!

I did in the last few days some steps forward using weaver xtreme.

Possibly following chart for a few user is helpful. For me it was 🙂

http://www.mgaleris.de/wp-content/uploads/2015/07/weaever-custom-css-rules2.jpg

[Maureen]

@micha1451  Tx. Good chart.

[micha1451]

Hi Maureen,

thank you!

The best way to learn are images 🙂

[scrambler]

Thanks for the chart, I have added it at the end of the Tutorial below 🙂

http://forum.weavertheme.com/discussion/2648/changing-the-background-image-for-a-specific-page

[micha1451]

Don’t mention it!

Let me know, when you need the pdf-file.
I will delete the page with the chart, it was only temporary…

[scrambler]

I have copied your image on my public server

https://h8dhrw.by3301.livefilestore.com/y3pBY6-ElQ5L0CBPKmHcl5bBGPN2pFAqC9ltyHjUiT1pcnk0hMxU1BHY_Z85GO4Elceq5nIiifdouXuHzCGT4QzxaGxFOghdAWH5X5RDdJxpB1HSjEDC27w8Tn1EubLkjLphsobKYrdotR4Em-P4SCV2fXo_nW_yKhSbo0r3QPO44Q/weaever-per%20page%20background%20colors.jpg?psid=1

So no need to host it yourslef

[micha1451]

The pdf is much better than the picture.

If you tell me a mail address, I could send it

[scrambler]

Unless the pdf has other information that the ones in the pictures. The pictures can be seen in the thread which is more visual.

You can upload the pdf in your WP media library and give me the URL so I can pick it up

[micha1451]

ok.

http://www.mgaleris.de/wp-content/uploads/2015/08/weaever-custom-css-rules.pdf

[Author]

Posts