Edit / Preview CSS Changes Unexpected parts of theme

  • Unknown's avatar
    kothea · Member ·

    I did:
    Looked at CSS custom upgrade to assess migration possibilities. I changed the wordpress template (Connections by Valiant Mist) to show sans serif ‘century gothic’. I changed it every where. I added Century gothic first rather then deleting all the font that were there already as i appreciate there are ‘fall back fonts’ in CSS.

    I saw:
    I got the text changes i expected…and more. HOWEVER my ‘top posts’ and ‘elsewhere’ section lost their ‘>’ bits before the text in the menus on the right hand side. I expected: …the ‘>’ bits to be there.

    Apparently the ‘>’ menu bits are not eve controlled in the CSS script ?????

    Is this as a result of the preview functionality and not really a problem if i upgrade?
    Or do i need to do something more in the CSS than just change the font for the non-font element of the look to be unchanged.
    If just changing the font everywhere caused some CSS problem then ok i know i have to figure that out for myself.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    NEVER paste the entire stylesheet into the CSS edit window. CSS uses relative links in CSS and when you paste the entire stylesheet into the CSS edit window, it get saved to a different location which breaks all of the relative links and all the images disappear.

    Only paste into the window the exact sections, and the specific declarations that you are changing. and make sure “add to existing…” is selected.

  • Unknown's avatar
    kothea · Member ·

    ah…

    a chink of light appears.

    so i find all the bits enclosed by a pair of { and } ; and do one big paste job

    if i serially post multiple changes they will get lost right?

    many thanks

  • Unknown's avatar
    thesacredpath · Member ·

    If I’m understanding what you said, then no that is not it.

    If you want to change the background color for the blog and the following was the body section of your CSS 

    body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F3F6ED none repeat scroll 0 0;
color:#29303B;
font-family:'Trebuchet MS',Georgia,Times,Times New Roman,sans-serif;
font-size:0.9em;
line-height:1.3em;
margin:0;
padding:0;
text-align:center;
}

    then all you would put into the CSS edit window would be the following 

    body {
background:#F3F6ED none repeat scroll 0 0;
}

    and then change the hexadecimal color code.

  • The topic ‘Edit / Preview CSS Changes Unexpected parts of theme’ is closed to new replies.