0
Welcome Guest!
Login
0
items
Join Now
Login
Join Now
Search
Home
Grav
Themes
Joomla!
Templates
Extensions
WordPress
Themes
Plugins
Docs
Forum
Perks
Index
Recent Topics
Rules
Search Forum
Premier Support
You are here:
Forum
General
General Discussion
Topic
Using full image background - CSS Help
Last Post
Search Topic
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.
#565825
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
#565848
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 ...
#565888
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.
#565894
Henning
Preeminent Rocketeer
Posts:
29362
Thanks:
954
Volunteer
Re: Using full image background - CSS Help
Posted 14 years 7 months ago
100% has nothing to do with the size.
That's the position.
Your pic is 2000x1500px big. You can't resize background images.
www.smashingmagazine.com/2009/09/02/back...ng-you-need-to-know/
#565915
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.
#565919
Time to create page: 0.076 seconds
Powered by
Kunena Forum