WordPress.org

Forums

Spun
Spun Content width on pages. (52 posts)

  1. WPyogi
    Forum Moderator
    Posted 1 year ago #

    That's because you have this in the child theme style:

    #page {
    	background: #fff;
    	margin: 0 auto;
    	padding: 0 50px;
    	width: 1000px;
    }

    Take that out.

  2. contagous
    Member
    Posted 1 year ago #

    I have chanegd it to a width of 800 and it loko awesome now when in full page :)

    http://contysden.com/site/

    Thanks.

    let me know if you find the bug with the shrinkage :)

  3. contagous
    Member
    Posted 1 year ago #

    Just noticed that and that fixed it :)

    this is awesome :)

    Thanks so much for the help fatzkid and wpyogi

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

    What bug? A fixed width prevents it from resizing. Get rid of any "width" if you want it to resize.

  5. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Cross-posted - glad you got it going :).

  6. contagous
    Member
    Posted 1 year ago #

  7. WPyogi
    Forum Moderator
    Posted 1 year ago #

    That appears to be from this code:

    .single .hentry,
    .error404 .hentry,
    .page .hentry,
    .search-no-results .no-results {
    	margin: 0 0 1.5em;
    	left: -5%;
    	padding: 70px 50px;
    	height: auto;
    	width: 100%;
    	position: relative;
    	z-index: 10;
    }

    It does not seem to be doing anything anyway...

  8. contagous
    Member
    Posted 1 year ago #

    What do you mean?

  9. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Seems you added that sometime? It's causing those problems. I'd suggest removing all of this:

    .sticky {
    }
    .single .hentry,
    .error404 .hentry,
    .page .hentry,
    .search-no-results .no-results {
    	margin: 0 0 1.5em;
    	left: -5%;
    	padding: 70px 50px;
    	height: auto;
    	width: 100%;
    	position: relative;
    	z-index: 10;
    }
  10. contagous
    Member
    Posted 1 year ago #

    /* =Content
    ----------------------------------------------- */
    
    .sticky {
    }
    .single .hentry,
    .error404 .hentry,
    .page .hentry,
    .search-no-results .no-results {
    	margin: 0 0 1.5em;
    	left: -5%;
    	padding: 70px 50px;
    	height: auto;
    	width: 100%;
    	position: relative;
    	z-index: 10;
    }

    isn't that what you just told me to add? lol i'm confused now.

    i thought that was what just fixed it.

  11. WPyogi
    Forum Moderator
    Posted 1 year ago #

    That's not what I told you to add - the part I told you to add is below that (look at my post earlier in this thread) ... I don't know where you got that part but it's causing those problems.

  12. contagous
    Member
    Posted 1 year ago #

    Oh wrong person.

    I thought you was fatzkid,

    That code was what fixed the content/pagewidth

    If i remove that then that other feature breaks... Any ideas?

  13. WPyogi
    Forum Moderator
    Posted 1 year ago #

    What other feature?

  14. contagous
    Member
    Posted 1 year ago #

    The one that this whole post was about?

    How to resize the content width...

  15. contagous
    Member
    Posted 1 year ago #

    NEVERMIND!!!!

    Apparently it still works without that lol

    No idea why or what i did though :( lol

  16. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Yes, it works because of what I told you to add twenty minutes ago - this:

    .single #primary, .page #primary, .search-no-results #primary, .error404 #primary {
        width: 100%;
    }
    
    .single .hentry, .error404 .hentry, .page .hentry, .search-no-results .no-results {
        width: 90%;
    }
  17. contagous
    Member
    Posted 1 year ago #

    Yes, it works because of what I told you to add twenty minutes ago

    I see.

    Well thanks then :) I've spent so much time looking at this i forgot what and where i had done things :)

  18. fatzkidWitAjetPak
    Member
    Posted 1 year ago #

    Lol... what? I dont understand what just happened. I posted this fix a page ago xD

    Anyway, both width ideas seem to do the exact same thing. My main question is, now that we have figured out how to customize the width, how do I prevent the text from getting so small with I make the page narrow? I posted screenshots in an earlier post to declare what I am talking about.

  19. contagous
    Member
    Posted 1 year ago #

    My text doesn't get small fatzkid so maybe try doing what i did?

    Dunno if its correct or not though..

    blockquote {
    -webkit-text-stroke-width: 0.9px; font-family:Quicksand, Helvetica, Arial, sans-serif; font-style: normal;
    font-size:1.6rem;
    font-style:normal;

    I used the above code in the CSS and every piece of content text I wrap in the
    blockquote tags...

    Seems to work for me on all devices.
    <

  20. fatzkidWitAjetPak
    Member
    Posted 1 year ago #

    Looks like it does on my end. If you make the window narrow, the text gets really narrow. It is all personally opinion I am sure, and it doesn't look all that bad, but for me I just want the text to get a little more narrow, not a lot more narrow.

    Any ideas? :)

  21. fatzkidWitAjetPak
    Member
    Posted 1 year ago #

    (The width problem has been solves, so im moving my "fixed width" problem to a new thread.

    Thanks a lot guys!

  22. contagous
    Member
    Posted 1 year ago #

    Oh i see you don't mean small in size you mean narrow... I actually liked this myself as this is how it works well on a mobile device. Not sure how to change it sorry buddy.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic