WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
text in page area is NOT wrapping but it is for widgets - affects look on mob (11 posts)

  1. nsdf
    Member
    Posted 2 years ago #

    When I reduce the window browser size, the sidebar widget wraps, going to the bottom of the page, the menu wraps, but the main text area does not. It does a slight resize, but doesn't wrap.

    What CSS changes can I make to let it wrap?

    Thanks!

    http://www.nsdf.info

    http://wordpress.org/extend/themes/twentyeleven/

  2. nsdf
    Member
    Posted 2 years ago #

    Also, it looks all jumbled up in the mobile version. It's okay that the widgets move to the bottom, but I want the text area to wrap and stay within the window size.

    Thanks!
    http://www.nsdf.info

  3. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    don't edit Twenty Eleven directly - create a child theme to make the edit in there.
    it is very important to have an unedited default theme as a fallback in case of problems. also, any customisations of Twenty Eleven will be lost when you next upgrade your wordpress version.

    generally:
    you have set a fixed width to the styles of quite a few elements - which breaks the fluid layout.

    this is basically a css issue - not a wordpress issue.

  4. BJBusch84
    Member
    Posted 2 years ago #

    Would someone be able to point me in the direction of some detailed instructions of how to create a child theme? I've been editing the default css for over a week and I want to copy this data to my child theme and then place the "default" code back into the css. I've been looking for some directions but they all tell me to just create a new folder but I have no idea where to create this new folder. Any help would be much appreciated, thanks guys.

  5. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    to create a new folder, you need to use ftp or cpanel (or the corresponding file manager of your hoster)

    i forgot to post a link to the docu:
    http://codex.wordpress.org/Child_Themes

    or a tutorial (the general approach is also valid for Twenty Eleven):
    http://vudu.me/child

  6. BJBusch84
    Member
    Posted 2 years ago #

    Alrighty, I think I actually get it! One last question. So say I have successfully created a child theme and this now safeguards me from any updates that wordpress makes. What happens to the individual templates? Are those refreshed back to the default as well or will those always keep the edits I make? Thanks again, your help is much appreciated.

  7. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    What happens to the individual templates? Are those refreshed back to the default as well or will those always keep the edits I make?

    you need to copy any templates, where you want to make changes, into the child theme folder, where they are then safe from updates.

  8. BJBusch84
    Member
    Posted 2 years ago #

    I'm not sure if this totally makes sense to me. So I've created a folder and placed a text file titled style.css with the following text in it:

    /*
    Theme Name: TwentyEleven Child
    Theme URI: http: http://www.rvoodoo.com/projects/wordpress/wordpress-tip-stop-editing-twentyten-theme-use-a-child-theme
    Description: Child theme for the Twenty Eleven theme
    Author: Me
    Author URI: http: //www.edgeeks.com
    Template: twentyeleven
    Version: 1.2
    */

    are you saying that I then need to add a separate text file for each one of the templates as well? I'm only planning on editing a few of them templates but I must be missing something because that seems like a lot to add a file for every one of the many templates. Am I missing something here? Thanks again, I know im annoying.

  9. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    a: you don't need to add the 'Theme URI';

    b: no need to add any text file for any template;

    however, if you need to edit a template, copy that full tempalte form the parent theme into the child theme folder first, then edit.

    do not edit anything in the parent theme, i.e. do not edit any template in the twentyeleven folder

  10. BJBusch84
    Member
    Posted 2 years ago #

    Alcymyth - I wish I could give you a +1 for being so patient with me, thank you. I have one last question though, sorry. when you say "copy that full template from the parent theme into the child theme folder first, then edit." Are you saying I should just copy that template and paste it onto the end of the child theme? Thanks once again.

  11. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    example: if you want to change content-single.php -

    then copy the template content-single.php from the /wp-content/themes/twentyeleven/ folder

    and save it as /wp-content/themes/childtheme/content-single.php -

    i.e. copy it into the /wp-content/themes/childtheme/ folder
    (the name childtheme might be different in your installation)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic