Homepage › Community Forums › Epik Theme Support › How to increase width of Content Area
Congrats on an awesome theme! Some quick questions from a WP newbie:
Currently using the Content/Sidebar layout.
1) How do I increase the width of the Content Area? Would like it big enough, so I can embed YouTube videos “640” in width.
2) Also, would like to decrease the width of the “empty space” between the Content area and Side Bar area. Would like the width to be a bit closer; similar to: http://www.engadget.com/topics/hd/
3) Used Genesis Simple Hooks to place a 970×90 banner in “genesis_before_content_sidebar_wrap” Hook. Banner shows up, but there ends up being a lot of “empty space” around the banner (top and bottom) that ruins the nice layout. How to delete that empty space…or is there a better way to place banner code?
Thanks a million!
For the content area you can take a look in your css file for this area –
/* 04b - 1152px CSS Grid ----------- */
It depends on which layout you’re using, but you can see the different content areas in that section. For example, if you’re just using the regular default layout, then you could edit this –
.content-sidebar #content,
.sidebar-content #content {
width: 65.277777777%; /* 752px / 1152px */
}
….and that will change the width. That will also affect how close it shows up from the sidebar (in regards to your second question).
For the last question you’ll have to create a separate thread since we have a “One Question Per Thread” policy…..since you’re new, take a quick look here at the forum rules/guidelines – https://appfinite.com/topic/forum-rules/. This helps us keep things organized, on topic, and makes it easier for other users to search for particular topics that relate to their issue. Also, when you post make sure and add your link so we can see what the issue is.
Thanks!
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
Awesome Eric! Thanks…will give it a try.
Sorry, about the rule breakage! Will post the last question under a new thread. Thanks again!
No problem ๐
You’re Welcome!
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
You just need to decrease the sidebar width and it will fit back where it was again. Take a look around line 570 and change it from 30% to around 29% or less and it will work.
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
Thanks Eric! What program are you using when you refer to “line 570”. Am currently using Microsoft NotePad…unfortunately, it doesn’t give me the luxury of what line I’m on. lol ๐
I’m using coda but its for Macs. If you have PC you can use something like Notepad++ …..or just do a search for any free html/css editors
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
It looks fine to me, I don’t see extra space….it reaches the width of the theme (1152px)….unless you’re trying to make the theme itself wider (which would require a lot of customization)
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
The theme is supposed to adjust with whatever browser you’re using. If you zoom in with any browser it won’t look right….all sites show up weird when you zoom, so it’s not really ideal to view it zoomed in or to code for it since the average person will only be viewing at regular view.
If you’re talking about “resizing” your browser, then that is something different, and the theme is working fine when the browser is resized. The issue isn’t with the theme itself…..If you add external videos to a responsive theme, the videos themselves won’t respond if they’re not designed to be responsive. Youtube videos will show up cutoff on just about any site when resized since they aren’t responsive by default. You can add code around it to make it responsive. Take a look here – https://appfinite.com/topic/responsive-video/#post-4681
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
Thanks again Eric!
You’re Welcome
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com