how do i select/modify the following css elements?
I'd like to change the color of the blue bars ("pipes") between menu items in div "superheader". Please see attached screenshot.
Also, I can't seem to figure out how to select and modify the blue bar a the left of the comment thread sidebar. Again, I grabbed and attached a screenshot for your delectation.
Our site (work in progress) is here: help.sputnik.com.
Thank you!
Dave
-
LittleSnapper.png 45.2 KB
-
LittleSnapper_2.png 28.3 KB
Discussions are closed to public comments.
If you need help with Tender please
start a new discussion.
Keyboard shortcuts
Generic
? | Show this help |
---|---|
ESC | Blurs the current field |
Comment Form
r | Focus the comment reply box |
---|---|
^ + ↩ | Submit the comment |
You can use Command ⌘
instead of Control ^
on Mac
1 Posted by Nicole on 03 Dec, 2009 09:07 PM
Dave -
The bar in the first image, the one to the left of the discussion state, is an image file (images/state_active_back.gif) on the
ul.states li.current
class. You should be able to override with a comparable image on your own server as a background image on that style.The pipes in the navigation are found in the following class:
We also have a customization FAQ for reference.
Let me know if this helps.
Thanks,
Nicole
Nicole closed this discussion on 03 Dec, 2009 09:07 PM.
David LaDuke re-opened this discussion on 04 Dec, 2009 05:01 AM
2 Posted by David LaDuke on 04 Dec, 2009 05:01 AM
Nicole,
Thank you - I was able to make both changes with your help.
One more CSS question: there is a faint grey border around images in knowledgebase articles, about 3px wide.
I've tried:
div.article div p img {
border-left-style: none !important;
}
and that should select the images, but I'm unable to get rid of the border. Any clues?
Thanks,
Dave
3 Posted by Nicole on 05 Dec, 2009 12:28 AM
Dave -
Looks like if you just do div.article img you should get the desired result. Let me know if that doesn't work.
Thanks,
Nicole
Nicole closed this discussion on 05 Dec, 2009 12:28 AM.
David LaDuke re-opened this discussion on 08 Dec, 2009 01:04 AM
4 Posted by David LaDuke on 08 Dec, 2009 01:04 AM
Nicole,
I did try:
div.article img {
margin-top: 10px;
margin-bottom: 10px;
border-style: none !important;
}
That had no effect. The images still have a 3 (or so) pixel-wide gray border.
Thanks,
Dave
5 Posted by Nicole on 09 Dec, 2009 07:48 PM
Dave -
Try
.article img { border: none !important;
padding:0;
}
Let me know if that doesn't work.
Thanks for your patience,
Nicole
Nicole closed this discussion on 09 Dec, 2009 07:48 PM.
David LaDuke re-opened this discussion on 10 Dec, 2009 11:17 PM
6 Posted by David LaDuke on 10 Dec, 2009 11:17 PM
Nicole,
That seemed to do it.
Thank you!
Dave
rick closed this discussion on 10 Dec, 2009 11:26 PM.