[resolved] Sizes! (3 posts)

  1. robsantos
    Posted 2 years ago #

    Hello, helpers! :-D

    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!

  2. designsimply
    Posted 2 years 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.

  3. robsantos
    Posted 2 years ago #

    Oh, thanks so very much! It worked perfectly! :-D

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.