WordPress.org

1. Dynotaku
   Member
   Posted 2 years ago #

   I'm sure this sort of thing has been asked here a lot, but I've been failing at finding answers for about 2 hours, so I thought I'd ask here and see if someone could point me in the right directions.

   First off, I can't figure out how to add a background image to the page. Just a gradient to the top. What directory do I upload page graphics to? I'm using a theme (comicpress) so I assume I stick stuff in the images directory for that theme, right? So '/wp-content/themes/comicpress/images' and in this case I have a folder called 'page_gfx' for the static page graphics like buttons and whatever. Assuming that's correct, what is the directory that I need to tell the css file that stuff is in? I've tried background:#A7B7C8 url('page_gfx/top_gradient.png') repeat-x top right; and background:#A7B7C8 url('images/page_gfx/top_gradient.png') repeat-x top right; and neither works.

   It's killing me and it's very puzzling to me that I can't find this information anywhere in the FAQ. I mean it seems like this sort of information would be covered on page 1 of "customizing your blog" right?

   Also, I went in and edited the main index.php file with some html, then refreshed the blog and nothing happened. What file do I edit if not index.php? Again something you'd think would be high up on the list of things to know when customizing the blog.

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   First off, I can't figure out how to add a background image to the page. Just a gradient to the top.

   Via CSS in your
   theme's stylesheet.

   What directory do I upload page graphics to?

   Try adding it to your theme's images folder but ultimately it depends what url you use in the CSS. Try:

   background:#A7B7C8 url('images/page_gfx/top_gradient.png') repeat-x top right;

   it seems like this sort of information would be covered on page 1 of "customizing your blog" right?

   It's more like "CSS 101"

   What file do I edit if not index.php?

   That really depends upon what page you were trying to add markup to. see "Anatomy of a theme" in Theme_Development.

3. Dynotaku
   Member
   Posted 2 years ago #

   I have edited the theme's stylesheet, and it's not working, which is why I'm asking here.

   body { background:#A7B7C8 url('page_gfx/top_gradient.png') etc...;}

   I use css and html every day at work. That's not the part I'm having trouble with.

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   What is the path for the image file? And a link to your site would be helpful as well...

5. Dynotaku
   Member
   Posted 2 years ago #

   The site is http://grrlpowercomic.com/ and the absolute path is http://grrlpowercomic.com/wp-content/themes/comicpress/images/page_gfx/top_gradient.png

6. Dynotaku
   Member
   Posted 2 years ago #

   It doesn't even work if I out the absolute path in the css file. :(

7. alchymyth
   The Sweeper
   Posted 2 years ago #

   I use css and html every day at work. That's not the part I'm having trouble with.

   there is an (old ?) entry in custom_style.css, which might be blocking your new attempts:

   /* Companion Custom CSS over-rides for [ Grrl Power ]: ComicPress - 2.9 */
   body { background: #A7B7C8 url(top_gradient.png) repeat-x top right  }

8. Dynotaku
   Member
   Posted 2 years ago #

   Ah, good eye. Hmm, not sure how that got in there. I deleted it and that seems to have fixed the bg image - that answers a few questions at least.

Topic Closed

This topic has been closed to new replies.