Full width logo--can I have rounded corners?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Get Involved
Locked
User avatar
pjdm
Registered User
Posts: 35
Joined: Thu Aug 07, 2008 9:27 pm
Location: Calgary eh?
Name: Paul Miller
Contact:

Full width logo--can I have rounded corners?

Post by pjdm »

I created a full width logo as a banner for my website. I simply created the banner, adjusted the imageset.cfg and I removed the site description and site name from the overall_header template and I placed that text in my logo. I am using prosilver_se.

My question is: can I make the banner look like the banner in phpbb where the image has rounded corners and the background (gradient grey) is not showing? I know I can remove the gradient background but I'm not sure about the making my logo look like it does on this website. Any pointers would be appreciated.
Attachments
phpbb_banner question.png

User avatar
Rahber
Former Team Member
Posts: 2720
Joined: Tue Feb 12, 2008 3:39 pm
Location: Pakistan
Name: Rahber
Contact:

Re: Full width logo--can I have rounded corners?

Post by Rahber »

Yes!

in the colors.css

find

Code: Select all

.headerbar {
	background-color: #7C8891;
	background-image: url("./styles/prosilver_se/theme/images/bg_header.gif");
	color: #FFFFFF;
}
replace it with

Code: Select all

.headerbar {
	background-color: transparent;
	color: #FFFFFF;
}
also add this to your css

Code: Select all

#logo img {
  border-radius: 5px;
}
my advise would be adding a class tag to your image holder and using that instead of#logo img

Locked

Return to “[3.0.x] Styles Support & Discussion”