Overriding CSS within edit > design
Permalink 3 users found helpful
I have the following in my css for my sidebar:
This allows for a "star" to appear next to any links in the sidebar.
I want to override this for one of the sections within the sidebar. I have tried to add the following in my css:
Then when in edit mode, in the section I do not want the stars to appear, I went into design > css and I tried for both the css id and css class names nostar - I tried them for both and one at a time. Neither worked.
I then put the following in the Additional CSS area:
no change.
I have no idea what I am doing wrong
#page #central #sidebar{ font-size:16px;padding-left:30px; padding-top:10px; font-style:oblique; float:right; width:23%; overflow:hidden ; background-image:url(images/sidebar.png) ;background-repeat:repeat-y; min-height:500px;} #page #central #sidebar a:hover { background: url(images/star-black.png) no-repeat scroll 0 4px transparent; padding-left:14px; /* customize_link_hover */ color: #000; /* customize_link_hover */ }
This allows for a "star" to appear next to any links in the sidebar.
I want to override this for one of the sections within the sidebar. I have tried to add the following in my css:
nostar {background:none;} nostar.a {background:none;}
Then when in edit mode, in the section I do not want the stars to appear, I went into design > css and I tried for both the css id and css class names nostar - I tried them for both and one at a time. Neither worked.
I then put the following in the Additional CSS area:
background: none !important;
no change.
I have no idea what I am doing wrong
