WordPress.org

Support

Support » Themes and Templates » [Resolved] CSS Not Working With Page-id PLEASE HELP??!!

[Resolved] CSS Not Working With Page-id PLEASE HELP??!!

  • Hi My content div can’t be styled on my website.
    I added body class and added a div called content arround my loop but when I type{ .page-id-16 #content } and add the css Font-family:helvetica; the font doesn’t change nothing can be styled?

    Weird!!
    Please Help

    Cheers

    Ben

    My website- http://bengrahamdesign.com/?page_id=16

Viewing 15 replies - 1 through 15 (of 17 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Try applying more specific CSS selectors, especially when applying font styles. Font style should be applied to inline elements.

    So what are you saying?
    Is .page-id-16 #content ….Correct?

    Thanks

    font-style does not need to be inserted into the style……..?
    For the font-family to be applied…..

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    when I type{ .page-id-16 #content } and add the css Font-family:helvetica;

    May you post the CSS you’re using for this?

    Thanks

    CSS//

    .page-id-16 #content {
    font-family:helvetica, geneva, sans-serif;
    font-size:12px;
    }

    The whole CSS file 🙂

    [CSS moderated]

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    It’s not necessary to paste the whole CSS file as you’ve linked the website.

    You’ve entered that CSS within media queries;

    @media only screen and (max-width : 480px),
    only screen and (max-device-width : 480px){

    Yes but when I delete it it doesn’t work…
    also when I delete the media queries @media only screen and (max-width : 1220px),
    only screen and (max-device-width : 1220px)

    and add the obove css that doesn’t work either?

    Thanks

    esmi

    @esmi

    Forum Moderator

    I’m sorry but it is beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as http://www.css-discuss.org/ instead.

    For some reason in firebug…
    the only css that is visable is this

    @font-face {
    font-family: “Cinzel Decorative”;
    font-style: normal;
    font-weight: 400;
    src: local(“CinzelDecorative-Regular”), url(“http://themes.googleusercontent.com/static/fonts/cinzeldecorative/v1/fmgK7oaJJIXAkhd9798yQoem3WQP60SwtMX1R01QT0U.woff”) format(“woff”);
    }

    Is google fonts conflicting with the css?

    @esmi

    I’m not yet sure if this is a css error….

    It very well could be a wordpress problem m8….

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    To check whether it’s a WordPress error, change to one of the default themes and determine whether the problem still exists.

    Michael

    @alchymyth

    definitively not a WordPress problem

    – tidy your stylesheet, and make sure to add the new font styles for instance before any @media queries;

    where the styles are now, there is still a @media query open.

    Thanks you Alchymyth !!!

    Simple style error……
    the css was after the @media queries ! Doh !

    Is that always the case ?

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘[Resolved] CSS Not Working With Page-id PLEASE HELP??!!’ is closed to new replies.
Skip to toolbar