By raymondfranco on

Hi guys,

I was wondering, is it possible to remove a border from a block?

My search block doesnt need a border and must not have a background image either, i have searched the forum's and searched google and cant seem to find a working solution.

Please let me know what you guys need for you to be able to help me.

Thanks in Advance

⋅ Categories: Drupal 5.x

Comments

teyser’s picture

teyser commented

Hi,
View the source code of your page.
Got the ID of the block.
Write the tpl for particular block
Give it name like block-[id]-.tpl.php

Thnks,
Raj

raymondfranco’s picture

raymondfranco commented

I have already tried this, i basically rename the current file which is search-block-form.tpl to search-block-0.tpl, the tables i have used are now no longer existing when i view the page, plus i setup a CSS style #search-block-0 { border:0px; background: url (images/trancparent.png) } and no luck, it basically brings up the default search field and button with borders and the default background that is set for the other blocks

zeta ζ’s picture

zeta ζ commented

Post a link?
___________________
It’s in the detaιls…
demonstration portfolio

raymondfranco’s picture

raymondfranco commented

http://www.advertising-space.co.za/onQ/index-new.php - username/test password/forgot

what its supposed to look like is http://www.advertising-space.co.za/onQ/a.jpg

With some help of Roald i have managed to remove the border.. but the bg image is still an issue

zeta ζ’s picture

zeta ζ commented

#block-search-0 { border:0px; background: url (images/trancparent.png) } You might need to change it to ensure it over-rides the existing rule #container .sidebar-left .block {
Get firefox & firebug: These will show a wealth of information about your css styles and which files they are in.

Also, you can experiment with changes ‘on the fly’ before writing the css file, and see which rules are taking control.
___________________
Post a link! – you know it makes sense.
It’s in the detaιls…
demonstration portfolio

raymondfranco’s picture

raymondfranco commented

WOOHOOO thanks it worked.. one finale... due to curvy corners, i now have a white border on the top and bottom of the block.. any ideas?

you can view the above post's weblink to see what i mean, is there anyway to cancel curvycorners only for that block?

zeta ζ’s picture

zeta ζ commented

Might be due to curvy corners — might not be…
___________________
It’s in the detaιls…
demonstration portfolio

raymondfranco’s picture

raymondfranco commented

i have firefox 3, not firebug.. its not compatible with FF3.. it is due to curvycorners as if i remove it, or adjust the radius's of curvy corners it either re-adjusts or ot disapears, but the corners are not curved

zeta ζ’s picture

zeta ζ commented

I have firefox 3 too, & firebug – 1.2.0b3

Don’t know curvycorners, it might be possible to selectively disable it.
I prefer -moz-border-radius
___________________
It’s in the detaιls…
demonstration portfolio

raymondfranco’s picture

raymondfranco commented

not sure if i can use -moz-border-radius with the brushed-steel theme

raymondfranco’s picture

raymondfranco commented

i have firefox 3, not firebug.. its not compatible with FF3.. it is due to curvycorners as if i remove it, or adjust the radius's of curvy corners it either re-adjusts or ot disapears, but the corners are not curved

zeta ζ’s picture

zeta ζ commented

I have noticed ff3 having problems with rounded corners done with little images, allowing extra space around the box: You’ll need to check other browsers if you try to correct this.

Best to just ignore it and wait for ff3 to fix it.
___________________
It’s in the detaιls…
demonstration portfolio

raymondfranco’s picture

raymondfranco commented

yeah its the same with ie7 as well :( oh well.. does it show fine on your side? www.advertising-space.co.za/onQ/index-new.php username/test password/forgot