I would like to remove the border around the widgets on my home page. The CSS of my theme removes this universally. I thought I could specify the location and name of the Div text widget, (ie text-7, text-6) etc. and alter this. I can control the elements within the widget doing this, but it still will not remove the border. For example, the text widget:
#text-7. {border:1px solid transparent; text align: center}
Centers the elements, but does not remove the border. I’ve tried a few variations with no luck. Here is the source code: http://pastebin.com/7dSUebhk. Link to the live site in the comments below.
Thank you very much.
Alex
There is no border around the
div#text-7element on your page so that is why your css does not remove the border. There is a border arounddiv.sideboxwhich if you add:Will remove all sidebox borders.
Your options are: a) use javascript/jquery to select the parent div of
#text-7and remove the border that way, b) add a unique ID to the .sidebox DIVs so you can then remove the border for the specific sidebox DIV.