Sizes!

  • Resolved robsantos

    (@robsantos)


    11 years, 10 months ago

    Hello, helpers! 😀

    I’d like to enlarge a little bit the body of my posts… I mean, I want to make them wider, so that I can have more space… maybe just 50 pixels wider would be enough… how can I change this? Is there any css code so I can use my jetpack…? 🙂
    I dunno if it will be necessary to make other changes to make everything proportional. Let me know, please! 🙂

    Thanks again for ur time and help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sheri Grey

    (@designsimply)

    11 years, 10 months ago

    The Fictive theme uses em and percentages instead of px for setting up widths.

    To change those, I would recommend copying the CSS selectors that are used by the theme and then adjusting the values. There are two widths I would look at editing in this case. One is the main site container and the other is the site-content container. In theme, the original values for those are 60em and 66% respectively. If you increase both of those just a little, then you can expand the content area of posts by about 50px:

    @media screen and (min-width: 63em) {
	.site {
		max-width: 63em;
	}

	.site-content {
		width: 68%;
	}
}

    Try experimenting with different numbers to see what works best for you.

    The @media rule is to make it so that the updates only apply to large screens so the changes won’t break the responsive design already setup for smaller screens.

    You can add custom CSS code to the Appearance > Edit CSS page in your dashboard if you have installed the Jetpack plugin and made sure the Custom CSS module is activated.

    Thread Starter robsantos

    (@robsantos)

    11 years, 10 months ago

    Oh, thanks so very much! It worked perfectly! 😀

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

The topic ‘Sizes!’ is closed to new replies.