Header overlapping the image

Free responsive Joomla 2.5 and 3.x module to present your content with easy and intuitive way.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Wed Jun 27, 2012 11:53 am
Hello,

I use boutique template, and I see that in the demo, news are shown as images with the header overlapped them.

How can I replicate this kind of layout? I Can only get image and header one over the other.

Which settings do I have to do?

I have NSP 3.2

Thank you
User avatar
Expert Boarder

teitbite
Thu Jun 28, 2012 1:26 pm
Hi

Please show me an exact page where I'll be able to see this problem.
User avatar
Moderator

GK User
Thu Jul 12, 2012 8:52 am
Hello,

this is how it's now and how it should be... thanks
User avatar
Expert Boarder

teitbite
Fri Jul 13, 2012 2:18 pm
Hi

Please tell me an exact url where I can see it and I'll tell You what code to add to make it look like the above.
User avatar
Moderator

GK User
Sat Jul 14, 2012 2:55 pm
www.eventiecongressi.it/orafolamorgia2

It's a site under construction

Thanks
User avatar
Expert Boarder

teitbite
Mon Jul 16, 2012 3:10 pm
Hi

Ok. I see that this style is reserved for header only, so please try add this code to extend it a little bit:

Code: Select all
.banner .nspHeader {
    background: none repeat scroll 0 0 #000000;
    bottom: 16px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: auto;
}


Show me a result. I'm not entirely sure if this would be enought.
User avatar
Moderator


cron