“Add to existing CSS” option not working for me

  • Author
    Posts
  • #49683

    bgnoise
    Member

    I’m trying to edit the Contempt style sheet using the first option in the CSS Stylesheet Editor. When I add just one ID element to change the background-color and click Preview the page displays all scrambled up. Is there some kind of header that needs to go ahead of any changes that I make?

    #49788

    timethief
    Member

    Please be patient while waiting for a blogger with css customization experience to help you. I have put out “the call”.

    #49789

    elpelos
    Member

    When I add just one ID element to change the background-color…

    I don’t understand this part. Do you perhaps mean an attribute?

    Would you mind pasting the code you’re using to see what might be the problem?

    Edit: FYI, this is devblog, I didn’t realize I was using one test account I have >:(

    #49790

    bgnoise
    Member

    Another question: Each time I save my CSS additions, using the “Add to existing CSS” option, does it replace previous saved additions or does it create a new file each time or replace the previous additions? That is, if I have saved additions to the existing CSS 5 times do I now have 5 files or just one file?

    #49791

    bgnoise
    Member

    Here is exactly what I tried to add to the existing CSS:
    #page {
    background-color: white;
    margin: 0px auto;
    padding: 0px;
    width: 750px;
    border: 0;
    }
    I pasted it into a blank edit box and clicked Preview. The format of the displayed page was dramatically different even though the code above represents no change from the existing stylesheet.

    #49792

    timethief
    Member

    Thanks devblog. I expect sunburntkamel may be available later tonight as well. :)

    #49793

    devblog
    Member

    TT, well, I don’t wanna butt in, so should I leave it to him?

    #49794

    timethief
    Member

    @devblog
    – go for it.

    #49795

    devblog
    Member

    nah, that’s fine, sun has enough experience with this stuff that I’m sure he’ll figure it out without any help.

    #49796

    bgnoise
    Member

    Hey, I’ll accept help from anyone.

    #49797

    timethief
    Member

    @bgnoise
    If devblog is still online he’ll help you now and if he’s gone offline then sun will probably be online this evening.
    I have zero css skills and cannot help. :(

    #49798

    bgnoise
    Member

    I answered devblog’s question above — and asked another one.

    #49799

    timethief
    Member

    Do not despair one or the other will get back to you probably after supper.

    #49801

    @devblog-

    butt in anytime, i can’t be around all the time. you seem pretty experienced yourself :D

    @bgnoise-
    i’m not seeing your custom stylesheet. when i added the code you posted, i didn’t see any difference. what are you trying to change?

    when you edit your CSS, there’s only one file that gets loaded. each time you save it, you’re overwriting the previous version.

    #49802

    devblog
    Member

    @bgnoise,

    So, you’re only pasting the code posted above in a blank edit box… Well yes, you will see that everything will get messed up because you don’t have the definition to other elements in the page.

    What happens is that when you customize your CSS, you’re overriding the existing one. So, if you only save one element to your custom CSS file, then that’s the only one (in this case #page) that will get formatted. You will need to define other elements as well.

    What you can do is, take the original CSS and edit only the elements that you want, leaving the rest untouched will keep your blog from having an undesired look.

    #49803

    devblog
    Member

    SBK was typing at the same time.

    @SBK, sure thing. I’ll be happy to assist whenever possible.

    #49804

    bgnoise
    Member

    On the CSS edit page there are two options:
    1. Add to existing CSS.
    2. Start from scratch and just use this.
    You seem to be describing option 2. I’m trying to use option 1. It is supposed to allow me to enter just the changes I want to make to the stylesheet and then those changes are supposed to supercede what’s in the original stylesheet or add to what’s in the original sylesheet. That is, the changes I enter are supposed to act like an addendum added to the bottom of the original stylesheet.

    I can manage by using option 2 but I just wondered why option 1 doesn’t seem to work. Or perhaps my understanding of the way it is supposed to work is all wrong.

    #49853

    bgnoise-
    that’s definately the way it should work. you might want to send in feedback if it’s not working that way.

    i’m still not seeing your CSS edits being loaded at all.

    #49889

    bgnoise
    Member

    I haven’t saved any CSS edits. I’ve been using Preview.

    #49901

    i’m afraid you’re on your own then, since i can’t see this stuff. i’ve pasted what you tried to add to the end of the stylesheet, and it didn’t cause anything to break. check out the CSS resourses linked under your edit CSS box, and see if you can become more comfortable with the stuff.

    i will say that contempt is not the easiest theme to edit.

The topic ‘“Add to existing CSS” option not working for me’ is closed to new replies.