• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Change the content width easily?

Home › Community Forums › Epik Theme Support › Change the content width easily?

  • This topic has 7 replies, 2 voices, and was last updated 9 years, 8 months ago by Eric.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 1, 2013 at 7:16 am #5008
    AmyA
    Customer

    Hey Wes, Epik looks great! Would it be possible to very easily change the width of the content from 1152 to about 600? I’m going for single column of content (no sidebar at all) and just want it much narrower but still be responsive, etc. etc. Thanks!

    June 1, 2013 at 1:45 pm #5012
    Eric
    Customer

    Take a look in your responsive section and adjust the width from there –

    /*
    24 Media Queries
    ---------------------------------------------------------------------------------------------------- */
    
    /* Desktops, laptops and iPads (landscape) ----------- */
    
    @media only screen and (max-width: 1200px) {
    	
    	#header,
    	#nav .wrap,
    	#subnav .wrap,
    	.slider-inner,
    	#welcome .wrap,
    	#home-feature-bg .wrap,
    	#home-feature-bg-alt .wrap,
    	#home-feature-bg-dark .wrap,
    	#inner .wrap,
    	.footer-widgets .wrap,
    	#footer .wrap {
    		width: 960px;
    	}
    
    }

    Try increasing the – 1200px width and then decreasing the 960px width to 600px until you get the result you want.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    June 1, 2013 at 2:03 pm #5016
    AmyA
    Customer

    Thanks for the response, Eric. I’m not sure I’m following. So I first increase the 1200px (max-width) and then decrease the 960px to 600px? Is there a max-width you’d suggest I increase to to start?

    June 2, 2013 at 8:21 pm #5037
    Eric
    Customer

    Yes that’s right. Whenever a browser is at 1200px width (for example) that responsive code I posted above will kick in and will make the theme width become 960px. So that’s why I recommended increasing that width so the 960 part (which will be 600px in your case) will always be activated. You’ll have to experiment with the size since I don’t have the theme in front of me to test at the moment, but logically everything should work if you make the adjustment.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    June 2, 2013 at 8:49 pm #5043
    AmyA
    Customer

    OK thanks.

    June 2, 2013 at 8:51 pm #5044
    Eric
    Customer

    You’re Welcome


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    June 2, 2013 at 8:52 pm #5045
    AmyA
    Customer

    I noticed you all provide a customization service. Is this something I could hire you to do if needed?

    June 3, 2013 at 12:59 pm #5051
    Eric
    Customer

    At the moment I’m unable to take on any new clients, but you could contact Wes to see if he’s available – http://appfinite.com/contact-us/


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework