how do i select/modify the following css elements?

Dave LaDuke's Avatar

Dave LaDuke

03 Dec, 2009 08:19 PM

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

  1. 1 Posted by Nicole on 03 Dec, 2009 09:07 PM

    Nicole's Avatar

    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:

    #superheader ul.gnav li {
    border-left:1px solid #399ADC;
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0 7px 0 8px;
    }
    

    We also have a customization FAQ for reference.

    Let me know if this helps.

    Thanks,
    Nicole

  2. Nicole closed this discussion on 03 Dec, 2009 09:07 PM.

  3. David LaDuke re-opened this discussion on 04 Dec, 2009 05:01 AM

  4. 2 Posted by David LaDuke on 04 Dec, 2009 05:01 AM

    David LaDuke's Avatar

    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

  5. 3 Posted by Nicole on 05 Dec, 2009 12:28 AM

    Nicole's Avatar

    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

  6. Nicole closed this discussion on 05 Dec, 2009 12:28 AM.

  7. David LaDuke re-opened this discussion on 08 Dec, 2009 01:04 AM

  8. 4 Posted by David LaDuke on 08 Dec, 2009 01:04 AM

    David LaDuke's Avatar

    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

  9. 5 Posted by Nicole on 09 Dec, 2009 07:48 PM

    Nicole's Avatar

    Dave -

    Try

    .article img { border: none !important;
    padding:0;
    }

    Let me know if that doesn't work.

    Thanks for your patience,
    Nicole

  10. Nicole closed this discussion on 09 Dec, 2009 07:48 PM.

  11. David LaDuke re-opened this discussion on 10 Dec, 2009 11:17 PM

  12. 6 Posted by David LaDuke on 10 Dec, 2009 11:17 PM

    David LaDuke's Avatar

    Nicole,

    That seemed to do it.

    Thank you!

    Dave

  13. rick closed this discussion on 10 Dec, 2009 11:26 PM.

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