onlylions 0 Report post Posted August 24, 2011 Hey there, So, I tested pagelines out for 2 weeks before I purchased it, and was able to ensure that it was going to be compatible with what I needed. That being said, I don't know if something has changed since the purchase, but none of the Custom CSS that I added under the Platform Pro tab is working. Here are things I did, that are no longer working: For reference, check out onlylions.com, and onlylions.org. The .org is my WP site that I'm testing before moving to .com Header: I had uploaded a .png header with transparency so that it would show against the black night sky (background graphic I had created - more on this later). On the test site, it looked perfect, but now it shows with an orange background, and I can't figure out how to make the orange go away (more on this later, as well). Background: I had created a custom graphic of silhouettes of a lion and a gazelle, which I wanted full screen in the background. Looked great on the test site, but I can't even SEE it on the Pro site. No matter if I change the site design mode, page design, nothing. I've used 4 different methods in CSS to make this happen (all worked before!) but now it's not visible, and is hidden behind the orange.... which leads me to... "Foreground": The orange that is showing up behind the transparent header, and is showing for quite a bit under the carousel. On our main page, all we want is our logo with transparency showing the night sky of the graphic background, the carousel, text on a transparent background, and then the footer. But there's all this orange! This is really driving me insane, and I'm starting to regret purchasing this theme if someone can't help me. Oh, and PageLines guys - fix your search on the forum. If I type in "transparency" or other random words to try to find help, it gives me a ton of posts that are irrelevant - further, placing quotes around a phrase does not force a search on that exact term - it searches a post for any of the words, but not all of them in the exact phrase. I've removed and retried so many different options, and I'm coming to my wits end - please help! Share this post Link to post Share on other sites
Rob 547 Report post Posted August 24, 2011 Before you pull your hair out (which I did and now have a collection of unused brushes and combs) take a quick look at www.epicurus.com/beverages. My page background color is set to white. I added a green background image set to 0 height and 50 for horizontal spacing and horizontal tiling. That allowed me to add a branding image that is also white and grey with transparency. Looking at your site, I can see that when it comes to Design Control, you have a few things mixed up. I can imagine that frustration is adding to that. Take a deep breath and a half hour break then come back and read everything before moving forward. As for the search... I concur and we're working on a solution. It frustrates me very much too. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
onlylions 0 Report post Posted August 24, 2011 I actually figured out the issue, partly. First I needed to set my layout to Full Width Design Next, upload the image background under design Finally, use the CSS for a full page: .canvas #page, .full_width #page, body.fixed_width { background-image: url("backgroundimage.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } This is definitely a start, but now I need to figure out how to make the image centered when different browsers are at different sizes, and how to keep the bottom of the image against the footer Share this post Link to post Share on other sites
kastelic 6 Report post Posted August 24, 2011 It seems to be centered at any resolution. As far as having it touch the footer, you could just set the background to black, since the bottom of the image is black, so at least it will look more seamless. Share this post Link to post Share on other sites
onlylions 0 Report post Posted August 24, 2011 that solves the issue if the browser goes too small, however, I'm trying to figure out how to make the bottom of the background stay against the footer if the browser. I don't care if the sides of the graphic are cut off - the most important part of our site is the bottom graphic. Anyone know how to do this? Share this post Link to post Share on other sites
onlylions 0 Report post Posted August 24, 2011 *I mean have the center bottom of the background stay against the footer at all times, and clip off the sides of the graphics if need be. Kind of like www.rebloom.com, if possible. I want the silhouettes to be seen at any size of window. Share this post Link to post Share on other sites