Jump to content

Archived

This topic is now archived and is closed to further replies.

Lisa Haran

Would like to style my H1 for each section

Recommended Posts

Lisa Haran

hi there,

I have a homepage template that will consist of 3 sections below my slideshow.

i want each section to have a header in the style of this site.

http://pinpointsocial.com/ (header "what our users are saying")

So each header overlays on the section above it, is this possible?

 

Thanks

Share this post


Link to post
Share on other sites
Lisa Haran

this seems to work for me now in chrome but wondering is it that responsive

can't see the change in firefox but that could just be a cache issue.

 

 

/* section case studies */
section#textboxu2kajr {
    margin-bottom: -10px;
    margin-top: -30px;
    }


section#textboxu2kajr h1{
    display: inline-block;
    text-align: center;
    vertical-align: top;
    z-index: 2;
    font-size: 32px;
    line-height: normal;
    color: #133a47;
    font-weight: 700;
    font-variant: normal;
    background-image: url(http://easydivorce.ie/webdev/testsite/img/casestudy-h1.png);
    background-repeat: repeat-x;
    height: 46px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    width: 100%;
}

Share this post


Link to post
Share on other sites
James B

Hi there, to make the text responsive you'll need to use em or % values instead of a static px figure.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

×