Support » Themes and Templates » Adding a background image to page headings

Adding a background image to page headings

  • Hi,

    I’m having two problems, I hope someone can help:

    1. Firstly i’ve added a background image to my page headings using this code:

    .page .entry-title {
    background-image: url('http://girlsaglow.co.uk/site/wp-content/uploads/images/titlepostit_2.png');
    background-repeat: no-repeat;
    float: left;
    font-family: "Rock Salt", arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase;
    line-height: .5em;
    letter-spacing: 3px;
    height: 67px;
    width: 438px;
    z-index: 100;
    margin-bottom: 0;
    color: #fff;
    padding-left: 60px;
    padding-top: 30px;

    that all works fine BUT it seems to also be coming up in the middle of my image slider on the home page- as far as im aware, I disabled the #slider entry-title but it’s still coming up- how can i get rid of that? (you can see my issue here: girlsaglow.co.uk/site/

    2. In addition to this how do I get the .entry-title to automatically resize -like the rest of the object on the page- when moving down to ipad and mobile sized screens.

    these are the only problems left before I can say this site is finished so i’d appreciate any advice that can put this issue to rest.

    thank you

  • The topic ‘Adding a background image to page headings’ is closed to new replies.