Inserting Page Title Image

  • Author
    Posts
  • #768811

    realagenda
    Member

    Hello,

    I am trying to insert a page title image to every page on my site. On the theme I have now (Bueno), I am using a code provided by one of the volunteers as seen below:

    body.page-id-2689 h1.title {
    background-image:url(‘http://realagenda.files.wordpress.com/2011/08/latestheadlines1.gif’);
    text-indent:-999em;
    height:50px;
    width:500px;
    padding-bottom:0;
    }

    I tried to obtain the equivalent code from the theme I am working with now (Enterprise), with the Web Developer tool on Firefox and I inserted the following code without success.

    body.page-id-4 h1.title {
    background-image:url(‘http://laagendaenespanol.files.wordpress.com/2011/12/hometoppage.gif’);
    text-indent:-999em;
    height:50px;
    width:500px;
    padding-bottom:0;
    }

    I know code is theme-based, so I am sure I missed code or the one I used simply does not fit on the theme I am working on now. Could anyone please help me correct the wrongs here?

    Thanks!

    The blog I need help with is laagendaenespanol.wordpress.com.

    #769072

    It looks like you have this sorted out, correct?

    #769080

    realagenda
    Member

    No, the code did not work. That is the problem. I thought it would mirror the one I have on the site with the BUENO theme, but it didn’t work with Enterprise.

    #769088

    Oh, ok, I just looked at your existing site so I wasn’t looking at Enterprise. CSS is theme specific so the selectors are seldom named the same.

    Pages would be #content h1

    Posts would be #content h2

    .page-id-4 #content h1

    #769094

    realagenda
    Member

    thank you brother. Let me try it and I’ll come back with the good news.

    #769095

    realagenda
    Member

    It worked for the homepage. So I assume it will work for the other ones after changing the page id number. We’ll see. Thanks again!

    #769097

    You are welcome. It should work for all pages by just changing the ID number.

    #769121

    realagenda
    Member

    Hello THESACREDPATH,

    The code you so kindly provided me with did work on all pages. But something weird came up. After placing all the images atop the pages, I still see the Text names of all pages over the images I placed.

    I tried taking this text out by getting rid of the page names under the dashboard’s PAGES tab list, but the result was that the menu bar is left without those very same page names.

    I did exactly the same with my current theme but different from Enterprise, it did not pose this problem.

    Do you have any advice?

    #769122

    You will have to add the following to each one of them.

    text-indent:-999em;

    Or, add this to your CSS which should take care of all static pages.

    .page h1.title {
    text-indent: -999em;
    }
    #769123

    realagenda
    Member

    The first code worked perfectly. I really appreciate your help!

    #769124

    You are welcome.

The topic ‘Inserting Page Title Image’ is closed to new replies.