Problems with a global css value

  • Hi

    I don’t know how to formulate my question so I will be trying to explain my problem as best I can.

    The problem: I am using the Flip Flop Theme from WooThemes, which is unfortunately not supported anymore… however most of it work but a very annoying problem came up. I am trying to set up a caption-text value using css. But the theme seems to override whatever I do. I use a tool called CSS Hero and it helped me a lot but not with the mentioned issue. I am trying to set a global value for the css with regard to font, font-size, font-color and font-weight… as mentioned this global value is the look (style) of the caption-text. It is possible to change the value though, but it is per post. Seems to be something called ‘attachment’. So, to explain further… I can change the value per post but I have 2000 posts… so do I have to do it 2000 times? I know there must be a way because no one like to do a huge job like that. I can give more info via some screenshots at a later time if needed. Hope this question was understandable.

    Thank you
    Andy

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Andy

    can you please provide a link to your site?

    also, do you know the !important marker in css? That might fix what you are looking for.

    Thread Starter andy-hawkins

    (@andy-hawkins)

    Here are more info about my website:

    The main URL:
    https://www.thearsenalencyclopedia.com

    The URL where the problem are:
    https://www.thearsenalencyclopedia.com/sir-matt-busbys-greatest-moment/

    Here are 2 screens that explain the problem visually (hopefully):

    https://www.screencast.com/t/aAJ4Mmfp
    https://www.screencast.com/t/h95D1tmql

    – Andy

    Looking at your site, I realize why it is so difficult. You have a big chunk of dynamically generated css that does not leave any room whatsoever for overwriting.

    
HTML > BODY > DIV#wrapper > DIV#content > DIV > SECTION#main > SECTION#featured > UL.slides.fix > LI#slide-2 > ARTICLE.fix.column-layout-std.post.hentry > DIV.section-body > SECTION.entry.fix > DIV.column.column-01 > DIV#attachment_119454 > P.wp-caption-text {
    color: #f5e50b!important;
    font-size: 14px!important;
    font-weight: bold!important;
}

    As you see, the generated code includes the full path, and it includes !important marker. You cannot overwrite it, as it is viewed by browsers as the most defined and thus highest rated css rule + it has the !important marker, to make it even more impossible.

    What would need to happen is to find a way, that the generated css doesn’t come up with !important, so you could overwrite it using !important.

    Also, on a sidenote, your css is wrong. There should not be a space between the p and the class name, as they are not parent / child relations.

    Thread Starter andy-hawkins

    (@andy-hawkins)

    Appreciate your quick answer gnoric. The code is generated via the Theme I guess… one thing is for sure: I have not made it ??

    So there is no solution to this I guess…

    You see, this custom theme is perfect for my friend that is the owner of the site… but he is not satisfied with this annoying issue…

    OK, I’ll try some further investigation into this before I will give up

    – Andy

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problems with a global css value’ is closed to new replies.