Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Hi,
I added a block with simple html code inside. It works fine, but the corners aren't round. They are angled !!!
But blocks, which modules or drupal creates, have rounded corners. What can I do, to get also rounded corners on myself created block ?
greetz ceri008
PS: Sorry for my bad english.
Comments
Comment #1
Jeff Burnz CreditAttribution: Jeff Burnz commentedSounds strange, can you supply a link to your site so we can look at the issue first hand?
Comment #2
xG3n1uS CreditAttribution: xG3n1uS commentedThe Site is--> http://drupal.pc-jugend.org
It's the Block on the right side with title "Teamspeak".
Comment #3
ScoutBaker CreditAttribution: ScoutBaker commentedIt looks like the teamspeak code that you're pulling in has its own css that is interfering. If you create a "simple" block that doesn't pull in content from somewhere else, does it still do the same thing?
Also, for teamspeak, there's a module you might want to try: Teamspeak
Comment #4
Jeff Burnz CreditAttribution: Jeff Burnz commentedAdd this to your stylesheet (style.css)
#block-block-2 div.content {width: 180px;}
Remember to re-save your theme settings to see the effect.
I only checked this in Firefox 2, so better you check in IE etc, should be fine, but you never know...
Comment #5
techutopia CreditAttribution: techutopia commentedSubscribing.
Same issues and adding "#block-block-2 div.content {width: 180px;}" did not resolve for me.
Thanks.
D.
Comment #6
Jeff Burnz CreditAttribution: Jeff Burnz commentedThe block ID is specific to the actual block - you need to substitute the block ID for your blocks ID.
#block-block-2 is the block ID for the specific block in the original posters website....
Comment #7
techutopia CreditAttribution: techutopia commentedThanks for your lightening fast response. ;-)
I'm a bit out of my depth - the issue is just with blocks using the Quicktabs module ('regular' blocks display just fine).
I'm going to go away and try to learn more. ;-)
Thanks again,
D.
Comment #8
Jeff Burnz CreditAttribution: Jeff Burnz commentedOk, so a heads up, the block ID will most likely follow this format,
block-module-delta (the delta is usually a number but not always).
So, for Quicktabs I'd expect the block ID's to look something like #block-quicktabs-0
If you view source on your page you can see the block ID in the html, or use Firebug for Firefox and inspect element on the block in question. I am not familiar with the Quciktabs module at all, so you may have to mess about with the widths & CSS a bit, such is life:)
Good luck!
Comment #9
techutopia CreditAttribution: techutopia commentedYou get my vote for fixer of the year.
Yes, what you said was perfect ...
Many many thanks.
I'm going to try and work on a new tab bar style for Quick tabs that will work with pixture so I hope I can give something back to you guys.
;-)
Dale.
Comment #10
techutopia CreditAttribution: techutopia commentedHi,
Why isn't life more simple? ;-))
The page renders fine with Firefox of course - the browser of choice.
Though in IE the problem remain with the .css fix.
Just thought I'd let you know.
Thanks again,
D.
Comment #11
xG3n1uS CreditAttribution: xG3n1uS commented@Scoutbaker: I can't use the Teamspeak-Modul, because I have Drupal 6 and the modul is only avaible for 5 and 4. If I add a simple Block it is normal with rounded corners.
@others: This .css fix didn't work.
Comment #12
Jeff Burnz CreditAttribution: Jeff Burnz commentedThe CSS fix I have posted most likely doesn't work for you because you are just applying it "as is", I would bet the fix will be a simple redeclaration of a few selectors.
Moreover "didn't work" is not very helpful, its better to give precise details.
@ceri008 Edit: I just tested this again on your site and it does work - perfectly. Are you re-saving the theme settings?
Comment #13
techutopia CreditAttribution: techutopia commentedWith regards to my #10 post above, the solution to the issue in IE was to add an overflow to the divs in the stylesheet
#block-theblockname-theblobkid div.content {width: 190px; overflow: hidden;}
Hope this helps someone.
Regards,
D.
Comment #14
Jeff Burnz CreditAttribution: Jeff Burnz commentedComment #15
xG3n1uS CreditAttribution: xG3n1uS commentedsorry that I didn't answer for such a long time. The CSS-fix works fine, thank you all.
Comment #16
alrueden CreditAttribution: alrueden commentedI had this problem too. It seems that the underlying issue is an image that is too wide for the block. An alternate fix is to simply scale down the image. 175px worked for me.