WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] A Few Questions About Code (30 posts)

  1. thesimling
    Member
    Posted 2 years ago #

    First of all, I'm not very advanced at code (just not my thing). Please, in your descriptions, try to be as detailed as possible so that I don't get lost along the way!!

    Also... you will find my site here: http://www.burnettlegacy.simmin24.co.uk/wordpress

    In the middle, I have a white panel, (where the background is blocked out). Can I make this a transparent black? If so, how?

    Then, my next question: How do I make the text's default colour white?

    Also, how do I change my site's default font (I want a nicer font for the "Archives" bit, along with everything else)?

    Where can I locate the panel with the menu on it, and how do I make that a transparent black? Also, if it's not too hard, how do I give it a border?

    Last question... I have got a background for a different section of my website:
    body.category-generation1 { background:url(10.jpg) fixed !important; }

    How do I make it centered?

    Thank you to anyone who helps me!!! :)

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    If you are new to CSS, try these resources:
    CSS Tutorials
    Learning CSS

  3. varunms
    Member
    Posted 2 years ago #

    hi

    find this style in style.css

    #wrapper {
        background: none repeat scroll 0 0 #FFFFFF;
        margin-top: 20px;
        padding: 0 20px;
    }

    and replace with the below one

    #wrapper {
        background: none repeat scroll 0 0 #FFFFFF transparent;
        margin-top: 20px;
        padding: 0 20px;
    }
  4. thesimling
    Member
    Posted 2 years ago #

    Esmi - I've tried learning it and I can't. It's like Arabic, some get it, some don't.

    Varunms - that style isn't in my style.css - I've used Ctrl+F and it isn't there. There are three results for wrapper:

    #wrapper {
    margin: 0 auto;
    width: 940px;
    }
    #wrapper {
    background:transparent;
    background: #fff;
    margin-top: 20px;
    padding: 0 20px;
    }
    #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    }

  5. varunms
    Member
    Posted 2 years ago #

    hi

    what is the theme name

  6. thesimling
    Member
    Posted 2 years ago #

    Twenty Ten is the theme name.

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    Don't edit the Twenty Ten theme. Instead create a child theme for your changes.

  8. varunms
    Member
    Posted 2 years ago #

    do u have any style.css in twenty ten theme folder ??

  9. thesimling
    Member
    Posted 2 years ago #

    Esmi - I cannot do this. I have already made too many changes.

    varunsm - Yes, I do.

  10. thesimling
    Member
    Posted 2 years ago #

    Esmi - How would I edit the CSS of this? Would it automatically recognise it in my WordPress Dashboard?

  11. esmi
    Forum Moderator
    Posted 2 years ago #

    How would I edit the CSS of this?

    Via Appearance -> Editor. You need to select the style.css file from your current theme.

    Would it automatically recognise it in my WordPress Dashboard?

    Yes.

  12. thesimling
    Member
    Posted 2 years ago #

    OK, I have a child theme. Now how do I solve my problems?

  13. esmi
    Forum Moderator
    Posted 2 years ago #

    You need to activate the new child theme first.

  14. thesimling
    Member
    Posted 2 years ago #

    Yes, I've done that.

  15. esmi
    Forum Moderator
    Posted 2 years ago #

    Now remove all of the CSS from the child's stylesheet apart from the @import line. Your child theme should only consist of a style.css file at this point.

  16. thesimling
    Member
    Posted 2 years ago #

    Wait, when I switch to the Child Them it goes back to the default settings... why?

  17. esmi
    Forum Moderator
    Posted 2 years ago #

    Because it is a new theme.

  18. thesimling
    Member
    Posted 2 years ago #

    But what about the modifications I've already made? I don't want to lose them!

  19. esmi
    Forum Moderator
    Posted 2 years ago #

    What modifications?

  20. thesimling
    Member
    Posted 2 years ago #

    Background, header, etc. Quite a few!

  21. esmi
    Forum Moderator
    Posted 2 years ago #

    Just set the background & header up on the child theme using Appearance -> Header and Appearance -> Background as you did previously.

  22. thesimling
    Member
    Posted 2 years ago #

    I had a very complex set up though, which different background for different categories! I also had a header and removed some space between the header and the menu bar. I won't be able to replicate that because I just did it by guesswork!

    When I said "etc" I MEANT "etc".

  23. esmi
    Forum Moderator
    Posted 2 years ago #

    You will have to port your changes over into the child theme. You shouldn't have been editing the Twenty Ten theme's stylesheet or templates files in the first place. You will find warnings about this posted all over these forums.

  24. thesimling
    Member
    Posted 2 years ago #

    Well I didn't go onto these forums because whenever I asked for an answer to one problem someone told me there was another problem.

    How do I port over these changes? How do I fix the problems I actually wanted fixing?

  25. esmi
    Forum Moderator
    Posted 2 years ago #

    How do I port over these changes?

    What changes did you make?

    How do I fix the problems I actually wanted fixing?

    By adding new/amended CSS to the child's stylesheet. Try using Firefox with the Firebug add-on for this kind of CSS work. It will help you identify which part of the parent's CSS needs over-writing in the child's stylesheet.
    http://getfirebug.com/

  26. thesimling
    Member
    Posted 2 years ago #

    Well I seemed to make it work, miraculously. I guess fiddling around and guesswork is the way to go.

    Does anyone have any straight-forward answers for the questions (while trying to work it out myself with Esmi's method, any other suggestions would be good - don't want to bet it all on one thing!).

  27. thesimling
    Member
    Posted 2 years ago #

    What code do I use to make something semi-transparent?

    PROGRESS:

    White Panel ---> Transparent Black: Not Done

    Default Text Colour Black ---> White: Not Done

    Changing Font: Done

    Panel Black ---> Transparent Black: Not Done
    Border: Not Done

    Centered Background: Not Done

  28. thesimling
    Member
    Posted 2 years ago #

    I'm lost... I can't save in Firebug which is what would help me a lot. I cannot find the LOCATION of some of the code. If you use this and click on the white banner in the background, it says: "wordpress #3 line _____"

    Where do I find this file?

  29. esmi
    Forum Moderator
    Posted 2 years ago #

    If there is no reference to an external stylesheet, the the style is being added directly to the <head><head> section of all pages - usually by the theme. In this case, it will be the background colour as defined in Appearance-> Background.

  30. thesimling
    Member
    Posted 2 years ago #

    Have you looked at the site? It might make your job easier and mine too? :S I'll try what you've suggested, but I'm still confused.

Topic Closed

This topic has been closed to new replies.

About this Topic