WordPress.org

Forums

Spun
page width (31 posts)

  1. reddbonetv
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year ago #

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

  5. reddbonetv
    Member
    Posted 1 year 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 1 year ago #

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

  7. reddbonetv
    Member
    Posted 1 year 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 1 year 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 1 year ago #

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

    what do you mean by this?

  10. gidd
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

    You can try this one more line:

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

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

  16. reddbonetv
    Member
    Posted 1 year ago #

    [too much code to post here]

  17. WPyogi
    Forum Moderator
    Posted 1 year 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 1 year ago #

    im putting it in my child theme. my site

  19. WPyogi
    Forum Moderator
    Posted 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year ago #

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

  26. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Awesome :)! Good job.

    So you want the width smaller? Try:

    #page {
       padding: 0;
    }
  27. reddbonetv
    Member
    Posted 1 year 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 1 year 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 1 year ago #

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

  30. gidd
    Member
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.