0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Footer image displays incorrect

Last Post
Search Topic
    • VIGA's Avatar
    • VIGA
    • Newbie
    • Posts: 11
    • Thanks: 0

    Footer image displays incorrect

    Posted 13 years 5 months ago
    • Hello Everyone!

      I'm using the Nebulae template from Rockettheme.
      Now I have a page where on my main website where the footer image is shown incorrect.
      I tried a new install with the standard template and did the same for this article, but the same problem occured.

      Anyone that can help me?

      Thanks in advance,

      Kaj
    • Last Edit: 13 years 4 months ago by VIGA.
    #751719
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • Hi Kaj,

      It is displaying OK - Your problem is that as you have no real content to fill the page it is so short that the top and bottom images are clashing.

      Top image is aligned to top and bottom is aligned to bottom. Top image is 535px high and bottom image is 400px high. To have them display properly you need enough content to make the page at 935px high.

      If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #751740
    • VIGA's Avatar
    • VIGA
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • David Goode wrote:
      Hi Kaj,

      It is displaying OK - Your problem is that as you have no real content to fill the page it is so short that the top and bottom images are clashing.

      Top image is aligned to top and bottom is aligned to bottom. Top image is 535px high and bottom image is 400px high. To have them display properly you need enough content to make the page at 935px high.

      If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

      Thanks a lot for your reply.
      I need a way to still solve this, but without having to put in less content.

      I prefer using a sticky footer like this:

      http://ryanfait.com/sticky-footer/

      Is there anyway this can be created or a way to make this?

      Thanks in advance,

      Kaj
    #751749
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • Hi Kaj,

      Open style1.css and at line 10 find the following code...
      .backgroundlevel-high {
     background: url("../images/style1/backgrounds/bg-bottom-high.jpg") no-repeat scroll 50% 100% #121212;
}
      Just change scroll to fixed so it looks like this...
      .backgroundlevel-high {
     background: url("../images/style1/backgrounds/bg-bottom-high.jpg") no-repeat fixed 50% 100% #121212;
}
      If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #751752
    • VIGA's Avatar
    • VIGA
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • David Goode wrote:
      Hi Kaj,

      Open style1.css and at line 10 find the following code...
      .backgroundlevel-high {
    background: url("../images/style1/backgrounds/bg-bottom-high.jpg") no-repeat scroll 50% 100% #121212;
}
      Just change scroll to fixed so it looks like this...
      .backgroundlevel-high {
    background: url("../images/style1/backgrounds/bg-bottom-high.jpg") no-repeat fixed 50% 100% #121212;
}
      If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

      Hello,

      Wow thanks. You have quite some knowledge about this.
      It worked and it looks great.

      1 more question.
      I have a test laptop right here that has a real small resolution.
      So the footer image isn't shown correctly. Is there a way to let the footer go under the top image?

      I hope this makes it clear.

      Thanks in advance,

      Kaj
    #751773
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • Hi Kaj,

      Not particularly easy. You could make the images with transparent backgrounds so that the overlap isn't quite as severe.

      Apart from the the only other solution is to make the images shorter.

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #751987
    • VIGA's Avatar
    • VIGA
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • Hi David,

      I think it will not be solved when i change the image height. Maby the header image needs a fixed height. Im only scared when i giving it a fixed height the template will not work correctly anymore.

      Also when i will shorter the image the divs are not filled correctly any more. Because some where in the css is a size defined. Ofcourse i can change the size manually but will the grid still work ?

      Thanks in advance,
      Kaj
    #751995
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Footer image displays incorrect

    Posted 13 years 5 months ago
    • Hi Kaj,

      The images are background images and there is no specified height so this should not affect grid system.

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #751998

Time to create page: 0.069 seconds