Editing colors in themes (no luck searching)

[JasonR]

I've searched and searched the archives for help but I can't find the exact answer I need. I would like to change some of the colors in my current theme (Project vii). I've gone thru style.css and figured out how to change most of the colors but for some reason I cannot figure out how to change the white background color that fills the boxes around the description of the alubms or around the thumbnails or the fullsize images themselves. I have used the Style Guide for help but I honestly don't understand that 100%.  I spend hours editing the stlye.css and changed (what I thought was) every color, one at a time, saved, uploaded the file back up to my server and looked to see what changes were made. It's a slow, frustrating way to do it but when you are ignorant to this all, it's the only way I could come up with. I've also looked at the template.html and theme.php within the Project vii directory but haven't found the code that needs changing.  I'm attaching a couple screen shots of the white area that I'd like to change the color of.

I have some basic HTML knowledge but I've just been picking thru the CSS and PHP trying to figure out what I can after reading some tutorials. Any help in this, would be greatly appreciated! Thanks

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fapplebytexas.com%2Fhosting%2FCoppermine1.jpg&hash=ef20f1f775f9b5bb9f269ed589933da9834e7352)

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fapplebytexas.com%2Fhosting%2FCoppermine2.jpg&hash=f56bbd98b13b96af281859bcbd3052dc5521dad1)

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fapplebytexas.com%2Fhosting%2FCoppermine3.jpg&hash=576a630d601e8ae10f9967996aa9a9a87d6cbf39)

[Joachim Müller]

please post a link to your page. Another hint: there might be color codes within template.html as well (embedded into html)

[JasonR]

Thanks for the help. Here is the link to my coppermine gallery.....  http://www.applebytexas.com/coppermine/

While you are looking at it, maybe you can help me with one more thing, since I'm a php/css dummy. Notice my custom banner up at the top of the screen.....I don't like how it cuts off sharp on larger resolutions. If I extend the banner to a width of say 1024 then someone on an 800x600 page will be forced to scroll back and forth. Is there any coding I can do that will allow me to.....insert a small piece of the bluish banner and have it expand and contract with a user's screen resolution? Does that even make sense?

Thanks for the help on both issues!

[Joachim Müller]

1) edit the css class "thumbnails"
2) we have a "one question per thread" policy
3) You need to create a small image file that is only some pixels wide and 70 pixels high (I attached it to this posting, you will have to tweak it). Upload it to your theme folder, then put the banner into a table with one column: set the background property to be repeating the tile image. Pseudo-code:

Code Select Expand

<table border="0" cellspacing="0" cellpadding="0" width="98%">
  <tr>
    <td style="background-image:url(themes/igames/images/custom_banner_tile.jpg);background-repeat:repeat-x">
      <img src="themes/igames/images/custom_banner.jpg" width="718" height="70" alt="" /></td>
    </td>
  </tr>
</table>

[JasonR]

GauGau, thanks for the help. Sorry about the 2 questions in one thread. I missed that rule and just thought you'd prefer me not to make several posts. Sorry!

1) editing the "thumbnails" worked for part of what I wanted to do but I figured out I also had to edit "tableb" and "tableb_compact" to get rid of all the white. Thanks for the help on that!!!

2) Again, sorry!

3) Ok, I took a sliver of my banner 31w x 70h pixels, similar to what you attached and named it "custom_banner_tile.jpg" and uploaded it to "project_vii/images/" Something isn't working right and I"m sure that I have screwed up your code. My custom banner is showing as it was before but the custom_banner_tile.jpg that is supposed to be repeating isn't showing up at all? I am going to cut and paste my current edited code here for you to look at if you don't mind. I'm going to include some of the code before and after the code in question, just so you can make sure it doesn't have something to do with my error. Thanks alot!!!!!!!

www.applebytexas.com/coppermine/

Code Select Expand

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="top_panel">
 <!-- fwtable fwsrc="top_panel.png" fwbase="top_panel" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="1" -->
 <tr>
 <td><table border="0" cellpadding="0" cellspacing="0" width="98%">
     <tr>
         <td style="background-image:themes/project_vii/images/custom_banner_tile.jpg";background-repeat:repeat-x">
           <IMG SRC="themes/project_vii/images/custom_banner.jpg" width="718" height="70" alt="" /></td>
            </tr>
     </table></td>
 <tr>
   <td><table border="0" cellpadding="0" cellspacing="0" width="100%">
       <tr>
         <td><img name="top_panel_r2_c1" src="themes/project_vii/images/top_panel_r2_c1.jpg" width="20" height="35" border="0" id="top_panel_r2_c1" alt="" /></td>

[Joachim Müller]

change

Code Select Expand

<td style="themes/project_vii/images/custom_banner_tile.jpg";background-repeat:repeat-x>to

Code Select Expand

<td style="background-image:url(themes/igames/images/custom_banner_tile.jpg);background-repeat:repeat-x">as I suggested.

[JasonR]

Thanks! My lack of coding knowledge made me think I was supposed to get rid of the parenthesis. I really appreciate at it.

One thing I noticed was that there was still some black background showing up on the extreme upper right side of the banner, where the custom_banner_tile.jpg didn't extend all the way to the right edge of the page. I changed

Code Select Expand

<table border="0" cellspacing="0" cellpadding="0" width="98%">

to

Code Select Expand

<table border="0" cellspacing="0" cellpadding="0" width="100%">

and the problem is solved....I hope that doesn't screw something up?

[Joachim Müller]

There are issues with some browsers displaying unneeded horizontal scrollbars if the width is set to 100%, that's why I suggested using 98%. If the small section of black next to your banner bothers you, you're welcome to use 100% instead, no harm done.

[JasonR]

Thanks for the great help and support!