WordPress.org

Ready to get started?Download WordPress

Forums

Spun
page width (31 posts)

  1. reddbonetv
    Member
    Posted 7 months ago #

    hello im trying to re size the width of the first page and post, i've tried a solution discussed in this post but it doesn't center and also it makes 2 circles in a row when i want 3, im i doing something wrong or is this code out dated?

  2. Andrew
    Forum Moderator
    Posted 7 months ago #

    Could you link the page and post you're referring to as "the first"?
    Do you have a Custom CSS plugin or Child Theme?

  3. reddbonetv
    Member
    Posted 7 months ago #

    when i say first i mean the page with the circles on them, my website is reddbonetv.com and yes i have a child theme in place.

  4. Andrew
    Forum Moderator
    Posted 7 months ago #

    Did you resolve this? I see rows of 3 circles centred.

  5. reddbonetv
    Member
    Posted 7 months ago #

    yes but i would like the width of the page to be smaller, when i use the code as i stated above from the other thread it make make look weird.

  6. Andrew
    Forum Moderator
    Posted 7 months ago #

    Could you link to an image illustrating the issue you face?

  7. reddbonetv
    Member
    Posted 7 months ago #

    THIS is what my site looks like now and THIS is what im having a problem with, it has the right width i want (800px) but as you can see it's not centered.

  8. gidd
    Member
    Posted 7 months ago #

    I think you can try this css. Just make sure it overrides the default style of your theme.

    .blog #page{ width: 800px; }
    .blog #main{ width: 700px; }
  9. reddbonetv
    Member
    Posted 7 months ago #

    Just make sure it overrides the default style of your theme.

    what do you mean by this?

  10. gidd
    Member
    Posted 7 months ago #

    If you put the css on the top of the stylesheet.css, it might not apply. You can try it at the bottom instead.

  11. reddbonetv
    Member
    Posted 7 months ago #

    it worked pretty good but is there anyway to make the post page the same size? when you click on one of the pages the post page is the old size. also is there anyway to center the circles?

  12. gidd
    Member
    Posted 7 months ago #

    1. All pages have the same width:

    body #page{ width: 700px; }

    2. Center the circles:

    .blog #main{ width: 600px; margin: 0 auto; }
  13. reddbonetv
    Member
    Posted 7 months ago #

    almost perfect but i think another code is messing with the post page still .. if you click on one of the circles the post is sticking out to the side.

  14. gidd
    Member
    Posted 7 months ago #

    You can try this one more line:

    .page #content{ padding-left: 50px; }
  15. reddbonetv
    Member
    Posted 7 months ago #

    nope, made it worse .. tried and tweak it but the same.

  16. reddbonetv
    Member
    Posted 7 months ago #

    [too much code to post here]

  17. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Where are you putting code? You should not be modifying theme files at all - your changes will all be erased when the theme is updated.

    BTW, that's way too much code to post on these forums - you need to post a link to your site for CSS help.

  18. reddbonetv
    Member
    Posted 7 months ago #

    im putting it in my child theme. my site

  19. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Your child theme style.css file should contain ONLY changes - not a copy of the entire parent theme file - did you set it up per:

    http://codex.wordpress.org/Child_Themes

  20. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Just saw your last post - your stylesheet is missing this whole thing - needs to be modified for your site/theme:

    /*
     Theme Name:     Twenty Thirteen Child
     Theme URI:      http://example.com/twenty-thirteen-child/
     Description:    Twenty Thirteen Child Theme
     Author:         John Doe
     Author URI:     http://example.com
     Template:       twentythirteen
     Version:        1.0.0
    */
    
    @import url("../twentythirteen/style.css");
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */
  21. reddbonetv
    Member
    Posted 7 months ago #

    Your child theme style.css file should contain ONLY changes - not a copy of the entire parent theme file

    when i do this my site looks messed up.

    did you set it up per:

    http://codex.wordpress.org/Child_Themes

    no im using Orbisius child theme editor

  22. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    What's messed up about it? When you switch to a child theme, you DO need to redo any theme options and settings - it's like switching to any other new theme. It's still better to avoid duplicating all your CSS and it makes it much harder to keep track of what you have changed.

    Did you just add what I posted to the top of it? That's for twentythirteen theme.

  23. reddbonetv
    Member
    Posted 7 months ago #

    yes but my theme messes up and im using the spun theme, maybe that's why? im going to add the code so you can look at it.

  24. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Okay, so this is what should be in there at the top:

    /*
     Theme Name:     Spun Child
     Template:       spun
     Version:        1.0.0
    */
    
    @import url("../spun/style.css");
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */

    Then put only your changes here.

  25. reddbonetv
    Member
    Posted 7 months ago #

    okay that fixed everything, now back to my original post issue ... i still cant get the post to move.

  26. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Awesome :)! Good job.

    So you want the width smaller? Try:

    #page {
       padding: 0;
    }
  27. reddbonetv
    Member
    Posted 7 months ago #

    thanks! (: i dont want the width smaller already did that but when i did make the width smaller when you click on a post the page is shifted to the right. i would like it to be centered and move up and if possible remove the page title.

  28. gidd
    Member
    Posted 7 months ago #

    Reddbonetv, this style should center your content:

    .single #primary, .page #primary,
    .search-no-results #primary,
    .error404 #primary{ width: auto; }
    
    #content .hentry{ float: none; }
    
    .single .hentry, .error404 .hentry,
    .page .hentry, .search-no-results .no-results{ margin: 0 auto; padding: 0; }

    if you want the title center as well:
    .entry-title, .entry-title a{ text-align: center; }

  29. reddbonetv
    Member
    Posted 7 months ago #

    nope that didn't do it either. /: and i wanted to remove the page tittle not center it.

  30. gidd
    Member
    Posted 7 months ago #

    It can center your content. You just need to find a way to make it apply to your content. One way to do this is to apply the "!important" to the end of css rules. For example:

    width: auto !important;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;

    You can hide the title by adding:
    .page .entry-title{ display: none; }

    Hope this helps.

Reply »

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.