Discussions

I added a color on my site in the background. When you log onto my site, the background color loads first, then a few seconds (feels like an eternity to me) later the white in the center loads. Is there a way The center white color can load first? I'm sure I'm doing something wrong with the code.

weight-watchers-points-recipes.blogspot.com/

Reply

User Comments

  1. BeamingBalance
    I'm not sure but if you go to the Blogger Help Forum, there are a couple of discussion boards there and the people are super helpful. I've had great support with this sort of thing on the "Layouts & Templates" board. Good luck!!
    Here's the link: www.google.com/support/forum/p/blogger?hl=en
  2. ginahomolka
    Thanks for your suggestion
  3. BPWebNews
    I think you have too many posts on the home page. everything (text and photos) in the post column loads first then the post area's background color paints. To test this, show only 2 or 3 posts and see what happens. Also make images smaller. Instead of 550 x 402 make it

    400 x292

    Even that is pretty big. Also since you only use the salmon color in the bottom content, use the white instead.... I can help you with that but not tonight. let me know...
    1. ginahomolka
      Thanks for your help. I realize I may have too posts, I'll cut it back and see if that helps. As far as the images, I really like them large I wouldn't want to reduce. I feel food blogs, the photo is the most important aspect. I thought perhaps there was a simple code fix.
  4. SAHMinIL
    I seen you have reduce the number of post and that does help. Honestly, because you have the linkwithin and other things to encourage people to stay on your blog, I think you can reduce the number to 3 post. It's still just long.....

    Also the twitter and other HTML in your side bar might be slowing things down some. HTML work better when they are at the bottom of your page. This is because they take the longest to load, and it's better when they are at the bottom.....

    Reducing what's on your page and tweaking the arrangement of those items can speed up your page load speed.
  5. BPWebNews
    Try this:
    Edit your template html to eliminate the color #FFCC88 and use white (#ffffff) instead. Do a preview before saving and if you don't like it just restore it back (cancel). Look in this section, but change only the 'background' line to #FFFFFF:
    /* Primary layout */
    body {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    color: #555544;
    background: #FFCC88 top center repeat;
    1. ginahomolka
      I tried that, but that eliminates the background color (tan) Is that what it was supposed to do or did I do something wrong? I am not too savvy with html. Thanks
    2. BPWebNews
      Your problem was "... the background color loads first, then a few seconds (feels like an eternity to me) later the white in the center loads. Is there a way The center white color can load first?"

      So with that color change there is no tan so the white in the center is all you have --- visitor sees no delay!
  6. ginahomolka
    Thanks BPWeb, I know that fixes it becuse that's how I usually have it. But I wanted to add the color to the back like so many other blogs I see, that don't have the issue with the white loading last. I did remove some posts to see if it is quicker, I may have to resort to my old layout with the white background. Thanks for trying.
    1. BPWebNews
      Just can't please some people (LOL). Use these color borders in addition to the html I gave you already. It will set color along the sides only. You can adjust the 5px to 3, 6 etc. Even if it loads late, you will see the color. Look for this section, add lines highlighted in bold.

      #outer-wrapper {
      margin: 0 auto;
      border-left-style: solid;
      border-left-width: 5px;
      border-left-color: #ffcc88;
      border-right-style: solid;
      border-right-width: 5px;
      border-right-color: #ffcc88;

      text-align: left;
    2. BPWebNews
      let me know if it works.
  7. ginahomolka
    Getting close! But that gives me a border. You really are quite patient!
    1. BPWebNews
      Well I don't see the difference --- The painting of white over the tan background leaves only a thin stipe on either side. The 'border' code is really a stripe on the left and right sides only. What am I missing? Don't make me come down there.... Hurry and 'splain' yourself!

Add Your Comment

Login to leave a message.