Spun Content width on pages.

Viewing 15 replies - 16 through 30 (of 51 total)
1 2 3 4
  • fatzkidWitAjetPak

    (@fatzkidwitajetpak)

    10 years, 10 months ago

    I’m working with adjusting the margins relative to center with the header. I will post my results soon.

    fatzkidWitAjetPak

    (@fatzkidwitajetpak)

    10 years, 10 months ago

    Alright, I edited the content from the code listed above to be the following:

    this

    /* =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;

    and this

    /* =Layout
----------------------------------------------- */

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

    Now, however, the text in my posts is super narrow if I make the window smaller… is there anyway to adjust the margins to where the text only narrows by a little bit? It gets very tiny…

    From this — to this.

    So… the width on the content is larger, but it gets very narrow when i adjust my window size a bit. What adjustments should I make so the text doesn’t get so tiny?

    fatzkidWitAjetPak

    (@fatzkidwitajetpak)

    10 years, 10 months ago

    Also, if you want your content centered, you can change the RESET CSS to be “middle” next to vertical-align.

    /* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: middle; /*changed to middle*/

    Now im still working on how to make the text adjust in smaller width rates…

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    Did you ever figure this out fully fatzkid?

    looks like you was on your way too.

    Which part of the above would i need?

    fatzkidWitAjetPak

    (@fatzkidwitajetpak)

    10 years, 10 months ago

    Try replacing the code you have with the code I put in the two posts above.

    The only thing I am trying to figure out now is how to make the text stay that width and not resize when I make the window narrow. If I narrow the window a bit, the text gets really narrow… I want the banner and all the other content to stay one size so people view my website at a proper width. 😉

    Any ideas? Everything else works great!

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    OK i’ll give it a go and get back to you.

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    Hmm that doesn’t seem to fix mine :S

    I finally have it online now…

    Any ideas?>

    http://contysden.com/site/

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Try 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%;
}

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    Hmm adding that didn’t help, should i remove some of the other code too?

    Can’t believe something so simple is so annoying and hard lol

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Looks like you have an error in your custom CSS:

    }
O
@media all and (max-width: 480px) {

    Remove that O

    Also, why are you using custom CSS if you have a child theme?

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    Removed and thanks. Don’t think it fixed it though 🙁

    I dunno i thought they worked together tbh…

    What should i do?

    I’m very new to this CSS/CMS stuff

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    No, they are essentially duplicating the same function. Try putting the above code I posted in the child theme style.css file.

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    ok will do

    Thread Starter contagous

    (@contagous)

    10 years, 10 months ago

    http://contysden.com/site/

    Seems to of stretched the site and content which is great.

    However now it doesn’t shrink with the page. Did you manage to fix that?

    WPyogi

    (@wpyogi)

    10 years, 10 months 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.

Viewing 15 replies - 16 through 30 (of 51 total)
1 2 3 4
  • The topic ‘Spun Content width on pages.’ is closed to new replies.