[Theme: 2014] Change text width in page content of Child

  • scifiwriter

    (@scifiwriter)


    10 years, 11 months ago

    I am trying to do this the right way. I used 2014 Theme to create a Child theme that I named Five Moons Theme (my website). It has its own very short CSS.
    Some time ago, I had modified the page width from 474 to 80% and I was happy with that. But I had modified the original CSS. Now I know that was wrong, so I am trying to not repeat old mistakes. How do I modify the same page width variable in this very brief Child CSS?
    I wouldn’t even know where to start.
    Is there a tutorial somewhere where I can learn how to do this myself?

    Your kind assistance is greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter scifiwriter

    (@scifiwriter)

    10 years, 11 months ago

    More info…
    I found the parent CSS for just this modification in Section 6.0 Page Content. I copied just the part I wanted to modify to my Child CSS —

    /*
    Theme Name: Five Moons Theme
    Theme URI: http://www.fivemoons.org
    Template: twentyfourteen
    Author: Bill Parker
    Author URI: http://www.fivemoons.org
    Description: Customization of 2014 theme
    Version: 1.0.1432213582
    Updated: 2015-05-21 13:06:22
    */

    .page-content { max-width: 95%; }

    @charset “UTF-8”;

    When I saved the change nothing happened ???

    The Child Theme is active.

    Please help.

    Thread Starter scifiwriter

    (@scifiwriter)

    10 years, 11 months ago

    I appear to be out here pretty much slugging it out on my own.
    I will keep posting in the hopes of someone who actually knows what they are doing commenting on what I am doing wrong.
    Nothing seemed to work. Then I found an old thread with some useful information. I tried modifying the child theme css but that seemed to have no effect. In total frustration, I modified the Custom CSS as follows:

    /*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.site {
	background-color: #fff;
	max-width: 100%;
	position: relative;
}

.site-header {
	background-color: #000;
	max-width: 100%;
	position: relative;
	width: 100%;
	z-index: 4;
}

.main-content {
	width: 100%;
}

.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 900px;
}

.full-width .site-content .page .entry-header,
.full-width .site-content .page .entry-content,
.full-width .site-content .page .entry-summary,
.full-width .site-content .page .entry-meta {
	max-width: 100%;
}

    I got the content wider, but still not what I expected. Also, the page captions are still narrow??

    I guess I will keep slugging along here on my own. It is sure a hard learning experience. I am a science fiction author, not a website developer. I take that back. I have to do everything else myself. I write the books, submit the books, deal with Publishers and Editors, try like hell to sell my books, and now – last, but not least – I am my own website developer too. Oh, yeah. I am learning a whole hell of a lot about website security too. I got my butt kicked all over town by hackers, but I got that figured out now too.

    Anyway, if you want, I would appreciate any good advice I can get.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Theme: 2014] Change text width in page content of Child’ is closed to new replies.