Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2006
    Posts
    40
    Plugin Contributions
    0

    Default a couple ? background, extra white space, row colors

    Yesterday, I was so frustrated I through all my template changes away and started from scratch and am finally making progress!

    Here is the link: http://picturethisphototiles.com/store/

    Here are my questions:

    1. I have tried everything to put a background image. I tried inserting code in the navWrapper portion of the css and other areas but nothing seems to work. I did a search on the forum but never really found anything that would work for me. I even tried just replacing tile_back.jpg and that never worked either.

    2. All that extra white space underneath my Welcome message. How do I get rid of it

    3. When you look at a category and it gives you a list of products in that category. I would like each row to be a different color to break the products apart. Where can I change that? I saw code in the stylesheet regarding rows, I changed those color attributes and nothing changed.

    Any help would greatly be appreciated.

    As a side note, I am trying to document stuff as I go so maybe future people will have an easier time with finding what they need to change.

  2. #2
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: a couple ? background, extra white space, row colors

    Quote Originally Posted by bwhitmire
    1. I have tried everything to put a background image. I tried inserting code in the navWrapper portion of the css and other areas but nothing seems to work. I did a search on the forum but never really found anything that would work for me. I even tried just replacing tile_back.jpg and that never worked either.
    What and where of the image you want to insert?
    Pls give more info.

    Quote Originally Posted by bwhitmire
    2. All that extra white space underneath my Welcome message. How do I get rid of it
    By view the page source of your site:
    <div class='content' id='indexDefaultMainContent'>
    <font size='1' color='#0000c0'>
    </font>

    <p>
    </p>
    <p>
    </p>

    <p>
    <font size='1' color='#0000c0'>
    <font color='#51244a'>
    <font size='2' face='Arial'>
    YOUR TEXT CONTENT .....
    </font>
    <font size='2' face='Arial'>
    YOUR TEXT CONTENT .....
    </font>
    <font size='2' face='Arial'>
    YOUR TEXT CONTENT .....
    </font>
    <u>
    <font size='2' face='Arial Black'>
    <img width='274' hspace='0' height='204' border='0' align='right' longdesc='../picturethis/Personalized Photo Gifts' src='file:///C:/Documents%20and%20Settings/Bonnie%20Whitmire/Desktop/Picture%20This%20Photo%20Tiles/siteasof02072006/images/personalizedgifts.gif' alt='Picture This Photo Tiles Personalized Photo Gifts' style='width: 274px; height: 204px;' />
    </font>
    </u>
    <font size='2' face='Arial'>
    YOUR TEXT CONTENT .....
    </font>
    <font size='2' face='Arial'>
    YOUR TEXT CONTENT .....
    </font>
    </font>
    </font>
    </p>
    <!-- #EndEditable -->
    Your contents seems been cut and pasted from another program. And its not right.

    1. The extra white space seems created by the two blank paragraphs in your contents above. And I marked them in red <p> </p> <p> </p>

    2. Take care your image in the content for the link point to your ==> file:///C:/Documents......

    Quote Originally Posted by bwhitmire
    3. When you look at a category and it gives you a list of products in that category. I would like each row to be a different color to break the products apart. Where can I change that? I saw code in the stylesheet regarding rows, I changed those color attributes and nothing changed.
    Please refer to page 2 of the topic below.
    Product Listed to close together

    .
    A New Starter again

  3. #3
    Join Date
    Feb 2006
    Posts
    40
    Plugin Contributions
    0

    Default Re: a couple ? background, extra white space, row colors

    Thanks for the reply. I knew there was a problem with the image but I wasn't sweating the small stuff. I did find the problem with the paragraph marks so that is now fixed. Also, thanks for the link to the message re: product listings..it worked perfectly!

    As for the background image, where should I be putting that in the files? I know there has been some discussion on the tile_back default image. I even tried replacing that with my own and it didn't replace the background (am assuming because I am using the override system). Where would I put I put the tile_back image to override the default? I am perfectly ok with leaving it the same way if I can just get it to show up.

  4. #4
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: a couple ? background, extra white space, row colors

    The image should be put in your file directory with the Override:

    includes/templates/YOUR_TEMPLATE/images/
    A New Starter again

  5. #5
    Join Date
    Feb 2006
    Posts
    40
    Plugin Contributions
    0

    Default Re: a couple ? background, extra white space, row colors

    I had done that, that doesn't work. Where is the tile_back.jpg in the files? I used the Development kit and it can't find any reference to it in any of the pages. I am assuming that's the problem.

    Where should I put the reference to the background picture?

    Thanks again for the help!

  6. #6
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: a couple ? background, extra white space, row colors

    With refer to your logo and its in the right directory.
    http://picturethisphototiles.com/sto...mages/logo.gif

    For the tile_back.jpg file only, it have copies in the
    includes/templates/classic/images/tile_back.jpg
    includes/templates/template_default/images/tile_back.jpg

    Just copy one of the above file of tile_back.jpg, or simply create one for your own, put it to your override directory. (Its only a 3 x 30 px image).

    and the dir is
    includes/templates/YOUR_TEMPLATE/images/tile_back.jpg

    for example, in your stylesheet
    start about from line #489

    h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1em;
    color: #FFFFFF;
    }
    change to:

    h3.rightBoxHeading, h3.rightBoxHeading a {
    background-image:url(../images/tile_back.jpg);
    font-size: 1em;
    color: #FFFFFF;
    }
    After that, refresh your browser and view your page again. And see that it change or not.

    .
    A New Starter again

  7. #7
    Join Date
    Feb 2006
    Posts
    40
    Plugin Contributions
    0

    Default Re: a couple ? background, extra white space, row colors

    Thanks for the reply. I'm not sure why I was having a problem with it before. I had thought I had done all that but apparently not. Again, thanks for all your help!

  8. #8
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: a couple ? background, extra white space, row colors

    Quote Originally Posted by bwhitmire
    Thanks for the reply. I'm not sure why I was having a problem with it before. I had thought I had done all that but apparently not. Again, thanks for all your help!
    Glad to hear that you had the problems solved.

    .
    A New Starter again

 

 

Similar Threads

  1. v150 How do I remove the extra white space on my product page?
    By coreyalderin in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 2 Aug 2012, 02:30 AM
  2. White text on white background for some parts
    By veronicathecow in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 16 Oct 2009, 07:13 PM
  3. Extra white space
    By kburner in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 7 Feb 2009, 01:32 AM
  4. White Space....I Know Another White Space Issue...Cant Get Rid Of It
    By enchantedlingerie in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 18 Apr 2007, 03:05 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg