Troubles with style in CSS class being overridden..

  • Resolved potfblog

    (@potfblog)


    13 years, 8 months ago

    This is probably not going to be a very easy one to figure out, I’d imagine, but figured I’d bounce it off the heads of you smart folks.

    Basically, I’ve got a plugin that replaces a shortcode of [note] (wp-note) or other similar short codes I’ve set up, and puts it in a nice fancy shmancy looking box.

    So for example, if I type:

    [note]This is a note[/note]

    I’ll get a fancy looking box, with that text inside, in white font, normally.

    However, since changing themes, the first paragraph of text in a note box is fine, but subsequent text on new paragraphs within the note box is now a grey color (similar to background) and lost other font stylings.

    I can tell you that the plugin for WP-NOTE replaces “[note][/note]” with div tags that have styling set on them. One of which (at least now) is to set the font color to white.

    A couple of notes, the WP-NOTE plugin has its own style sheet. Also, if I manually set the font color of the subsequent paragraphs as so, it will work (but is a lot of effort for me and for others to always do):

    <font style="color: white !important">Text goes here</font> it will work. If I put that within the WP-NOTE plugin though where it replaces the [note] tags with the div tags and such, it still only works for the first paragraph.

    I realize this long winded explanation is pretty hard to follow… but if any of you smart folks out there get what I’m asking, does anyone know what possibly could be overriding the font setting for the subsequent paragraphs in these styled note boxes?

    The Theme I use is MyMag. It works fine for some other themes (although some other themes also have a similar issue).

    However, for some reason

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter potfblog

    (@potfblog)

    13 years, 8 months ago

    By the way, the class names in the style sheet for WP-Note aren’t used anywhere in the theme’s style sheet either.

    Edit:

    I also just did an experiment… removed every bit of code in this theme’s style sheet and it displayed this note box properly (of course the rest of my site looked horrible, but i just wanted to test that it was the master CSS sheet in the theme causing the issue).

    Thread Starter potfblog

    (@potfblog)

    13 years, 8 months ago

    UPDATE, for those following my thrilling escapades….

    Doing what I will refer to as the “Price Is Right Code removal strategy”, I have narrowed down where the problem exists (I went and removed half the code at a time to figure out which half had the problem / which didn’t, then narrowed down the problem half, in half again, etc….)

    So I think I’ll be able to figure this one out. If so, I’ll update here.

    UPDATE 2: got it solved… the problem in my CSS sheet for the theme was this class:

    #subpage .content p

    It had a color and a font-size setting that overrode my other style sheet’s styling.

    Problem solved.. admins can lock this thing (sorry, no idea if I can do mark as solved, myself)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Troubles with style in CSS class being overridden..’ is closed to new replies.