Hi

The corporation template I have is using the blue bar across the top of modules. I am using Hikashop, and would like to be consistent and would like the blue bar across the top of the main content area.

If you look at this page
www.ecomad.com.au/mmp_upgrade/e-shop/shop-categories/draught-seals/product/eco-seal-white

is it possible to get a blue bar across the top above the "Your Energy Saving Solutions Store" so that it looks like the shopping cart module to the right of the main content.

Thanks

Hi

I would add a module prefix to the module to make sure it doesn't affect pages - unless you want it on all pages?

Can you add that and then I can provide a style for you

Cheers
Paul

Created a suffix called "ShopTitle"

I had a play around and got something similar but it was only the size of the module in the above content position - not across the full main content area.

Try adding

.ShopTitle h1 {background: #2185c5; font-size:2.5em;color:#fff; padding:.5em 0;text-align:center;}

Cheers
Paul

If you want it to go the full width across that becomes a lot more complicated

I would also removed any inline styling on the element

Cheers
Paul

Still learning Css.

Your code worked - thanks. I played around some more and managed to get it to do what I wanted

div#abovecontent div.moduletable.ShopTitle {
position: absolute;
top: -10px;
left: 0px;
width: 100%;
}

But it doesn't look good on smaller screens. Seems the module I have placed at the top which is a customHTML using Modules anywhere plugin, sits on top of the Joomla main content where Hikashop is. See here.
www.ecomad.com.au/mmp_upgrade/eco-store/draught-seals

I can see its complicated. Any workaround for this thats easy - if not I will leave it with your code.

The padding would need to be removed from #midCol and then added back to a div lower down in the code

It may affect other divs that now lack padding

so you could try

#midCol {padding: 0 0 30px;}

#midCol main {padding-left:30px;padding-right:30px}

Cheers
Paul