Banner is not getting transparent even on using an transparent image!

  • 1
  • Problem
  • Updated 9 years ago
  • Solved
first of all, hi to all old buddies here. I am back to site building with a good news: I have cleared my first year of medical studies with good marks :)
now my problem: I am using cleanslate template, i have uploaded a banner which is transparent. As i want the background to show up even on the banner space. But unfortunately its not happening.
secondly, in the site builder the background doesn't align itself as it would on a working site. Hence to put the elements on a proper place is a big mess. here you can see the screenshots:


The above haphazard arrangement of elements gave me this proper outcome, this becomes a bit messy :(
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
  • happy coz of my good results!

Posted 9 years ago

  • 1
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Hello good to see you here again....Is the image you are using a png file first off?
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Oh yes one more thing...Even if you use a png file with a transparent background...If you edit it with picnik I think you lose the transparent background.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Good point John!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Monica

Nice to see you back again. =) The reason why the alignment is out of whack is simply because you're pushing past the container set by the template. The container is there as a guideline and this indicates that this is the best width so that all screen resolutions can see your content without having to scroll back and forth. Depending on the size of the screen resolution your user has, it could look like what you have on your screenshot.

One thing I try to do from time to time, if I'm going to be pushing out of the container, is to actually change my screen resolution through the desktop to a couple sizes smaller to see what it looks like. This will give you a very good idea of what your users will be seeing through their screen resolution size.
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
Hi little us :)
Sorry to ask silly questions, but do you mean i have to reduce the dimensions of the background?
Thanks for helping out :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Monica

You do not need to reduce the background dimension unless you feel that it's not lending to the flow of your site.

The screen size resolution I'm referring to is through your desktop - the size of the screen you see on your monitor. Various sizes may be: 1024x768 or 1088x612, 1280x720, etc... This are found through your control panel on your desktop. If you temporarily switch to a smaller screen resolution, then you can see what your site looks like in a smaller size. Most people I would believe have at least a screen size resolution of 1024.

if you're satisfied with how everything looks, then you don't need to do anything at all. It's the nature of the site builder - it can look a little different than what is published. So, as long as you're pleased with how it looks on the live version, I wouldn't worry about how it looks in the site builder.
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
I am using a JPEG image. And i havent edited it thru' picnic or mask editor!
Any other possibilities?
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
i might be wrong but dont you have to use a png image for transparency?
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
I am not sure! i will try and let u know :)
Thanks for help :)
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
Hey John Mc thanks alot for help. The png image did work well. Though it gave me a small white square showing up, but i repositioned the image so that the square shows up on the already white area of my banner. And voila, the thing got solved which bugged my brains for 2 hours yesterday night. Thanks alot once again :)
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Happy to help,and for once something i suggested worked!
come back anytime you need help,everyone is here waiting :D