I¹m trying to find a workaround for hiding one headline on a shopping cart
hosted page. I don¹t have access to the code on the page but I can create
some CSS to hide the element. Unfortunately, it also hides other headlines
on the page.
This is the CSS that will hide ALL headlines on the checkout page:
form fieldset legend {visibility:hidden;}
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?
Thanks,
Jeff
______________________________________________________________________
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/
