0
Welcome Guest! Login
0 items Join Now

Using full image background - CSS Help

    • Barry Rickert's Avatar
    • Barry Rickert
    • Rocketeer
    • Posts: 56
    • Thanks: 1
    • E-commerce Development

    Using full image background - CSS Help

    Posted 14 years 7 months ago
    • I am learning CSS and RocketTheme at the same time.

      I am using Kenetic and desire to use a single photo for the background.

      Also, I would like to shift the theme to be left aligned on the screen.

      See Adobe.com for how that looks.
      My new joomla site is www.anrti.com
      I am playing with backgrounds for the home page.

      Any help is appreciated.
    • Kathy Rose's Avatar
    • Kathy Rose
    • Elite Rocketeer
    • Posts: 726
    • Thanks: 2
    • Freelance web development and design

    Re: Using full image background - CSS Help

    Posted 14 years 7 months ago
    • I love the background that I'm seeing right now--the quilt. Very cool and creative looking. I am sorry I can't help you with the left aligning thing.
    • Kathy
      KT Web Design
      developing Joomla websites in the sweet, sunny South
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Using full image background - CSS Help

    Posted 14 years 7 months ago
    • for left align thing add

      body > div.rt-container {margin: 0 0 0 50px;width: 960px;}

      to your template.css and clear your cache ...
    • Barry Rickert's Avatar
    • Barry Rickert
    • Rocketeer
    • Posts: 56
    • Thanks: 1
    • E-commerce Development

    Re: Using full image background - CSS Help

    Posted 14 years 7 months ago
    • Wonderful! Thanks

      Why is the background enlarging?

      body.backgroundlevel-high {background: #eeeeee url(../images/backgrounds/style1/ist2_5240144-patchwork.jpg) 100% 0 repeat-y;}

      I have tried changing the above 100% to 25% or 400% and it seems like it is not doing what I want.

      What I want is the photo to start at the upper left corner and extend out without any enlargement and if it is too small it will fill with eeeeee.

      Thanks for the quick response. Hope you don't mind the CSS help.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Using full image background - CSS Help

    Posted 14 years 7 months ago
    • Barry Rickert's Avatar
    • Barry Rickert
    • Rocketeer
    • Posts: 56
    • Thanks: 1
    • E-commerce Development

    Re: Using full image background - CSS Help

    Posted 14 years 7 months ago
    • Thanks that is exactly what I needed. Your help is greatly appreciated. :D

Time to create page: 0.076 seconds