customize CSS

This topic is: resolved

This topic contains 9 replies, has 3 voices, and was last updated by  phamhung 1 year, 10 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13043

    phamhung
    Participant
    Post count: 31

    I want to customize CSS of a child theme (it will be enterprise theme, in case you want to know), but a bit worry when it has new release, updating will erase all my customized setting.

    Is there anyway to keep my customized CSS, when updating new release of Genesis-based child theme please?

    Thanks.

    #13050

    dogleg.com
    Participant
    Post count: 27

    Help.

    I have almost the same question as above…

    I have looked at other discussions in the forum, but honestly, most of the answers are over my head. I am also wondering about updating my theme (prose). I just updated to 1.9.1, and doing so fixed a problem I was having with my selections in font color, background color, etc. not showing up–now they are there. However, another “fix” I had done (I’m not even sure I remember how now) that moved my uploaded image in my header to the left, and my title to the right side, is undone now.

    I know everyone says “update Appearance—-Style—-style.css” area, but doesn’t that get overwritten by an update? And I am also wondering why it says “do not edit under any circumstances” if everyone is editing there…?

    Also, if that is so, I have read information about creating another folder, but I can’t understand the discussion/solutions. I need some exact instructions in simple terms. This is my first blog and I am used to working in easy things like Publisher and Pagemaker.

    Can anyone help me?

    I am not including link to my site because it is in “maintenance” mode. If you really think you can help me, I will deactivate if you let me know.

    I am trying to get this up in the next day or so. Thanks SO much!!

    Paula

    #13091

    Susan
    Moderator
    Post count: 9426

    @phamhung – a new release of Genesis will not override any changes you make to a child theme.

    If there is a new version of a child theme, and you update the child theme, that will override any changes you have made to the stylesheet, which is why it is recommended that you make a note of changes you make to your stylesheet (within the stylesheet), and backup the site; this will make it easier to re-introduce your changes if you update the child theme.

     

    @dogleg.com – you have posted the same questions in another thread, so someone should be able to assist you there, but I wanted to respond to one of your questions here:

    I know everyone says “update Appearance—-Style—-style.css” area, but doesn’t that get overwritten by an update? And I am also wondering why it says “do not edit under any circumstances” if everyone is editing there…?

    You have the Prose theme, which is set up differently from all the other child themes; for every other child theme, you would make changes directly to the stylesheet (or php file as appropriate). In Prose, there is another place where you make the changes which then are applied to your theme.

     


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #13097

    dogleg.com
    Participant
    Post count: 27

    @Susan

    Thank you for your reply.  I know that I have a page “Custom Code” in the Genesis tab on toolbar. Is that where I should put all changes?

    If not, please let me know where.

    If so, then I have some changes in the CSS box now, which someone placed there for me (I am not sure it will work or even if I will use it). It looks like this:

    /** Do not remove this line. Edit CSS below. */

    add_filter(‘genesis_comment_form_args’, ‘custom_comment_form_args’);
    function custom_comment_form_args($args) {
    $args[‘title_reply’] = ‘YOUR CHOSEN TEXT HERE';
    return $args;

    Now, my biggest question is, if this is the area, then how exactly do I place further changes? on the line following “return $args;” or skip a line, or add some extra heading telling it what to do, or doesn’t it matter? Also, I do not know when something might belong in the CSS area as opposed to the Custom Functions area. Can I just copy out of my style sheet and paste it in here and then modify it as I’d like?

    I also have a Genesis Simple Hooks plugin–it looks like changes can be made there as well. I know it seems simple to you, but when instructions just say “insert this snippet of code”–I don’t know where or above/below what, or in what order. If you could please clue me in a little, I would be very grateful. And, if I am understanding you, I should not make any changes to my style.css sheet because those are just wiped out with every update.

    I want to add/create some font stacks–where would I do that? I am installing certain fonts from Typekit, and I know that the code is already in there for me. However, I have learned that they will not transfer to everyone, and I need to put font stacks in to cover all my bases so that an especially ugly generic font will not be substituted for mine. I know how to make the font string, I just don’t know what information is needed on top of that (such as code that tells the theme what to do and when to stop on the beginning and end of code snippet). I cannot find answers anywhere, and everyone seems to know except me.

    So Sorry this is so long—–I can move it to another area if you can’t answer.

    Thanks

    Paula

     

     

     

    #13143

    Susan
    Moderator
    Post count: 9426

    Thank you for your reply.  I know that I have a page “Custom Code” in the Genesis tab on toolbar. Is that where I should put all changes?

    I’m not as experienced with Prose as some of the other themes (which is why I haven’t responded to your other thread – I want to allow someone else to come in with all the right answers!), so I don’t want to point you in the wrong direction, but YES, and changes should go into the custom code section, and not directly into either your Stylesheet or the functions.php.

    For any additional changes, you can leave a line space, and then put them underneath your previous change.

    As far as the question about what goes into the stylesheet, and what goes into the functions file – the stylesheet is for things like changing colors or font size, etc. The functions file is for making functional changes (for example, adding footers to a site). Does that make sense?

    As far as the order of things – the function file reads from top to bottom. So, if you put in a function at the top of your file, and then make a change to it further down in the file, it’s going to override what was put in earlier. Which is why changes are usually done at either the very top of the functional file or the bottom.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #13174

    dogleg.com
    Participant
    Post count: 27

    Thanks so much @Susan–very helpful information that I did not know before!

    Paula

    #13180

    Susan
    Moderator
    Post count: 9426

    You’re welcome, Paula – sorry I couldn’t be too much help – glad you got help from Wendy in the other thread! :)


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #13214

    phamhung
    Participant
    Post count: 31

    @Susan: I know Genesis update will not override my settings. I am asking about the child theme.

    If I understand correctly, I will need to put my customize settings back to CSS file whenever I run update on the child theme?

    Can StudioPress guy consider this please?

    – in the theme folder, if they find out another css file, for example, my.css, it will include automatically into the main css file

    – all settings in my.css will be override whatever it appears in the main css file.

    For example, in both file, there are font family settings for body

    – in the main css, it defines Arial

    – in my.css file, I define Verdana

    The result is that body will use Verdana.

    Is it possible?

    Thanks.

    #13215

    Susan
    Moderator
    Post count: 9426

    If I understand correctly, I will need to put my customize settings back to CSS file whenever I run update on the child theme?

    That is correct.

    As far as the rest  of what you are asking – I believe you are making the suggestion that should the theme be updated, that it does not override your CSS? Correct? I don’t know if that’s possible, but as I indicated earlier, if you keep a copy of your CSS, and you are making changes that apply just to the CSS (such as changing the font), then you can easily upload a new CSS when the theme is update. Of course, you could always make the decision not to upgrade your child theme.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #13218

    phamhung
    Participant
    Post count: 31

    Yes, I believe that can be done. In fact, that idea I learnt from Themefuse. I purchased one of their themes before, and if I remember correctly, we can add customized CSS file by that way. So, whenever we run update on child theme, we don’t need to put our customized settings back. It’s not over-rided either.

     

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘customize CSS’ is closed to new replies.