Need help? Check out our Support site, then


Inserting Page Title Image

  1. 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.

  2. It looks like you have this sorted out, correct?

  3. 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.

  4. 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

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

  6. 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!

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

  8. 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?

  9. 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;
    }
  10. The first code worked perfectly. I really appreciate your help!

  11. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags