- This topic is empty.
-
AuthorPosts
-
June 21, 2013 at 9:58 pm #45742
rwchampin
Participantok so i made a simple green to white gradient BG in photoshop. The green is darkest on the bottom and gets white at the top. and im having the problem where as more content is added to the page the bg is not “stretching” as tall as the page wants to go. this is how it should look(and does as long as i float the boxes high enough above the footer https://docs.google.com/document/d/1YwFqChbOpCvZbxAu28hrA1s_YvCrdw-oSd5APRnlT2M/edit?usp=sharing. and this is what happens when i lower the boxes https://docs.google.com/document/d/1cp1i62SuKF_kKQOCsYGNyJSwOO-QspMta80RKsumt18/edit?usp=sharing. and this is the css i have for my bg https://docs.google.com/document/d/1jAryRXUfmwrVhXJ_f3Zbp1TNMyypm817sU7hhg5S4qw/edit?usp=sharing help lol this is wordpress/php
June 21, 2013 at 10:10 pm #139844TheDoc
MemberHave you thought of just using CSS for the gradient?
June 21, 2013 at 10:10 pm #139845webtmc
ParticipantProbably not going to get any help by just posting screenshots of what your problem is. Try getting this code … just the html and css… running in codepen and then tell us the issue. Lot easier to help that way.
June 21, 2013 at 10:59 pm #139839webtmc
ParticipantWhen you are looking at the page in your browser, view the source. Copy that and add it to the html part of codepen. Then copy your css stylesheet and paste it in the css part of codepen. That should do it.
June 22, 2013 at 2:30 am #139853Paulie_D
MemberAs has been mentioned before….why are you using an image at all?
Use a CSS linear gradient instead. It’s comepletely flexible and self-adjusting for any height.
June 22, 2013 at 3:12 am #139858bablucolno
Participant@rwchampin plz use css gradient
June 22, 2013 at 3:55 am #139866Paulie_D
Member>Well firstly bc I didn’t know abt it until it was mentioned n I’m trying to figure it out but I’m having trouble bc I’ve never done wp before and there’s alot more code than I’m used to.
Let’s break this down into parts.
**Gradients**
@TheDoc linked this in before and shows you how to create the code.https://css-tricks.com/examples/CSS3Gradient/
The gradient start and stop colors can be found from in your Photoshop file and it will give you the hex (#) values and you can just plug them in.
Or you could use something like this:
**Wordpress**
If you are adding in CSS to define a bg image then it should be a simple matter to swap it out for the gradient code.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.