Hi
I have an article displayed next to a module in the sidebar-2 position, and need to make the background color for each the same, thus ensuring that both article and sidebar module appear the same height. See attached image.

The CSS #mainwrap .zen-spotlight{background-color:#fff} solves the problem, but causes a problem on another page where I need a transparent background.

How can I resolve this?
I am using Buildr with Background theme

thx. Miles

Sorted. Sourcerer does this nicely

Hi Miles,

If the styling is a class or id on a page you can utilise a page class for any particular page

The classes depending on the template can be on html or body class

With buildr check the html class

and look for something like this

zen-default-layout template-69 com_content view-featured itemid-101 is-guest en-GB home j36 responsive-enabled sticky-enabled layout-mr rendered-m offcanvas-menu zen-grid js no-touch sb-init

itemid-101 is the page class for this page example - each page will have a different class

You would use this in combination with the class or id you want to target

It's always good to avoid installing any extra plugins - helps improve site performance and reduces amounts of updates / potential security problems

Cheers
Paul

Thanks Paulus - I don't think that I'd ever associated that itemid-xxx class with a unique page identifier - perhaps because I was looking for an id. And I'll take your advice about uninstalling the third party plugin
Miles

Best of luck with it

Cheers
Paul