I think the mistake lies in your selector.
#cart-contents is very likely nested *inside* the form, not surrounding
it - at least according to your html. So
#cart-contents form
... will probably not work as expected.
Try #cart-contents legend { visibility: hidden; } or { display: none;
}and see if it works.
display: none; gets rid of the gap in the border surrounding your fieldset.
Otherwise a look at the 'real' code would be of help.
Hope this helps,
Jørgen
Am 17.12.14 um 21:24 schrieb Gates, Jeff:
I only want to hide one headline. Here is the code for that headline:
<fieldset id="cart-contents">
<legend accesskey="y">Your Shopping Cart</legend>
</fieldset>
But I want these headlines to remain visible. Here is the code for these
other headlines:
<fieldset id="billing-address">
<legend accesskey="b">Billing Information</legend>
</fieldset>
<fieldset id="payment-tabs">
<legend accesskey="p">Payment Information</legend>
</fieldset>
<fieldset id="comments">
<legend accesskey="c">Additional Comments to Museum Staff</legend>
</fieldset>
I¹ve tried this to hide only ³Your Shopping Cart²:
#cart-contents form fieldset legend {visibility:hidden;}
But this does nothing. It doesn¹t hide ³Your Shopping Cart².
Considering I don¹t have access to the page itself as it¹s ³hardcoded² by
the shopping cart vendor and I can only change CSS, can anyone tell me how
I can hide the first headline without hiding all the others?
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
