WordPress.org

Ready to get started?Download WordPress

Forums

Use whole page from left to right (14 posts)

  1. sebbero
    Member
    Posted 1 year ago #

    How do the whole page when entering information at moment only allows me to use part of the page.

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    is that in the dashboard when editing/writing static pages or on the public side of the site?

    you might need to edit the html structure of the template; or adjust the css for the page.

    please post more details:

    - name and download link of your theme;
    - link to your site.

  3. sebbero
    Member
    Posted 1 year ago #

    http://anchoriansfc.co.uk/test/test-page/
    Yes this in dashboard when trying to edit page and then when displays on website it more central.

    Twenty Ten 1.4 by the WordPress team this current theme i'm using.

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    for hte editor width, Twenty Ten uses editor-style.css;

    try to change it there:

    html .mceContentBody {
    	max-width: 640px;
    }

    in style.css, for pages without sidebar, this style is restricting the page content width:

    /*
    LAYOUT: One column, no sidebar
    DESCRIPTION: One centered column with no sidebar
    */
    
    .one-column #content {
    	margin: 0 auto;
    	width: 640px;
    }
  5. sebbero
    Member
    Posted 1 year ago #

    sorry not sure where would need to change this. Can I do this for individual pages?
    Here what my style.css

    [large amount of CSS code moderated - a link to your site is enough to access the stylesheets]

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    where would need to change this

    general, for all single column-pages, you would find the suggested code (which was a straight copy from style.css of Twenty Ten) and change it there (not too far from the top of style.css).

    Can I do this for individual pages?

    yes - add the 'body_class' output for that page before the code;
    http://codex.wordpress.org/Function_Reference/body_class

    one of the body_classes for a static page is .page-id-123 where the number is the page ID.

    example (for your test page):

    .page-id-471 .one-column #content { width: 940px; }

    add this either at the end of style.css;
    or use a custom css plugin for any edited styles - for instance the custom css section of the 'jetpack' plugin.

  7. sebbero
    Member
    Posted 1 year ago #

    ok I will give this a go and have a look using the test page.

  8. sebbero
    Member
    Posted 1 year ago #

    I Have added line as you suggested it give me chance to write more on page in editor but doesn't show this one web page it self.

    Do I have edit it any where else for it display more on web site itself?
    Below is copy of style.css

    [ Moderated: Use pastebin.com for that many lines or just post a link to your CSS file. ]

  9. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    please add the style back into style.css (at the very end):

    .page-id-471 .one-column #content { width: 940px; }

    and try to clear the browser cache to see the results immediately:

    press 'ctrl f5' or 'reload' or check the instructions for your browser.

  10. sebbero
    Member
    Posted 1 year ago #

    Can I can the font size of writing on page and if so how would I do this?

  11. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    for general formatting problems, try working with a broser inspection tool such as Firebug;
    or ask at a css forum like http://csscreator.com/forum

  12. sebbero
    Member
    Posted 1 year ago #

    Where can I find the page ID number for certain page?

  13. Abhishek Ghosh
    Member
    Posted 1 year ago #

    Where can I find the page ID number for certain page?

    Go to All Posts (or pages). Hover your mouse over the post's name or page's name. Notice the url that appears at bottom of browser window like :

    http://wordpress.org/wp-admin/post.php?post=4503&action=edit

    That 4503 is the ID. If you do not like this simple method, use some plugin like this one :

    http://wordpress.org/extend/plugins/reveal-ids-for-wp-admin-25/

    I can not give warranty about plugin's function. I never used any plugin for the purpose to be honest.

  14. sebbero
    Member
    Posted 1 year ago #

    Thanks found the page ID number now.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.