Banner Issue

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I've changed my banner which now has rounded top corners here http://www.leathersolutions.org/ the problem is what ever is underneath is now showing on each corner, how can I remove them?
Thanks
Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi David,

Would you mind sharing the environment you used to create the rounded corners on your banner? Was it with Custom CSS in the sitebuilder, or with an external program such as Picnik?

If it was using CSS, a member of our HTML team who is trained in Custom CSS will be able to look into this with you. If you have used an external program, such as Picnik, they usually have an area within their program that will allow you to select the color you would like to show behind the rounded corners.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Brianna
Thanks for the reply.
I'm using this site http://www.roundpic.com/index.php to round the corners and I am selecting a white background. I have checked this by applying a dark background behind the banner and the top two corners are definitely white.

Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi David
Brianna is currently offline, but I'm able to help you.

Thanks for these details and the screen shot - it is very useful to have a visual reference of the problem. I think the problem is that you have selected a white background. I would suggest selecting a red background that matches the background of your website. When you add the banner, it will blend in to your background and your banner corners will show up. The other alternative is to change your site background to white. You could do this anyway, to test that the banner will display in the way that you would like it to.

Let us know if you need more help.

Thank you
Nazlie
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Nazlie
Please, I'm not that stupid, the image above is just something I roughed up to demonstrate the corners were in fact white. If you had read the thread and actually looked at my website you would know my site is white
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello David

It was certainly not our intent to make you feel patronized. I hope you understand that we are simply trying our best to assist. There may be times, such as in this case, where misunderstanding can take place. We were not clear that the image you had displayed was simply a mock up. Furthermore, we are not always aware of the type of website building background people have. As our Sitebuilder is designed for people who have little to no website building experience, this is the approach from which we start.

Now that we have a better understanding, we can continue assisting you. The banner image actually has a shadow which is what you're seeing behind your rounded corners. Here's the code to remove that shadow:

<!-- <style type="text/css">
div.layout div#sys_banner div.shadow {
background: none;
}
</style>-->

Please remove the <!-- and -->. I hope this resolves the issue.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Thanks, that worked. It was certainly not my intention to cause any offence with my answer but as stated simply following the link to the website to view the problem would have necessitated the need to reply in that manner.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi David

My apologies. I most definitely did not mean to patronize you, but was trying to help. I see that Sanja has been able to assist with the code to rectify the problem.

Once again, I do apologize for making you feel this way.

Nazlie