WordPress.com

1. realagenda
   Member
   Dec 4, 2011, 11:58 AM

   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. thesacredpath
   Member
   Dec 5, 2011, 5:33 AM

   It looks like you have this sorted out, correct?

3. realagenda
   Member
   Dec 5, 2011, 1:02 PM

   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. thesacredpath
   Member
   Dec 5, 2011, 6:36 PM

   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. realagenda
   Member
   Dec 5, 2011, 7:31 PM

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

6. realagenda
   Member
   Dec 5, 2011, 7:33 PM

   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. thesacredpath
   Member
   Dec 5, 2011, 8:02 PM

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

8. realagenda
   Member
   Dec 7, 2011, 9:23 PM

   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. thesacredpath
   Member
   Dec 7, 2011, 9:40 PM

   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. realagenda
    Member
    Dec 7, 2011, 10:09 PM

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

11. thesacredpath
    Member
    Dec 7, 2011, 10:21 PM

    You are welcome.

Topic Closed

This topic has been closed to new replies.