Remove Borders

raymondfranco - June 25, 2008 - 08:47
Project:Brushed Steel
Version:5.x-1.x-dev
Component:Miscellaneous
Category:support request
Priority:critical
Assigned:Unassigned
Status:active
Description

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

#1

roald - June 25, 2008 - 10:55

You could try the following
* Locate the following section in your style.css: "#container .sidebar .block" (around line 300)
* change the border width from 1px to 0px

This worked for one of my sites

Roald

#2

raymondfranco - June 25, 2008 - 11:02

hi roald,

i have tried this, the borders need to be on 2px, the only block that doesnt need a border/bg image is the search block..

please view the attachment to see what i am trying to accomplish..

AttachmentSize
index2.jpg 287.96 KB

#3

roald - June 25, 2008 - 11:45

What about adding this to the end of your CSS:

#container .sidebar .block-search {
border: 0px;
}

#4

raymondfranco - June 25, 2008 - 12:33

WOOHOO!!!! you are a legend!!! - I owe u a case o coldies :)

now, i have tried to remove the background for that block as well.. any ideas?

------------BEFORE-------------

#container .sidebar-left .block-search { /* sidebar borders */
background-image:url(../../files/blockbg.jpg);
background-repeat:repeat-x;
background-color: #ffd108;
border: solid #e53a06 0px;
margin-top: 50px; /*top of sidebar left*/
margin-bottom: 130px;
------------BEFORE-------------
------------AFTER--------------
#container .sidebar-left .block-search { /* sidebar borders */
border: solid #e53a06 0px;
margin-top: 50px; /*top of sidebar left*/
margin-bottom: 130px;
------------AFTER--------------

tried adding in #block-search-0 after #container but no luck

#5

roald - June 25, 2008 - 14:07

Hmmm...

I don't use background images in the blocks for my site...

But generally: If you've removed the background-image stuff from the actual code and it still appears, you've either not refreshed your browser, or the background images are applied from another part of the CSS. Maybe you should try something like this:
------------AFTER--------------
#container .sidebar-left .block-search { /* sidebar borders */
background-image: none;

I'm out of office for some days now, so I cannot follow you anymore, but wish you good luck :-)

®

 
 

Drupal is a registered trademark of Dries Buytaert.