If you work with CSS and WordPress, I’m hoping you can provide me with some quick advice for a minor page template change I need to make. On the K-12 Online Conference website, we’re currently using the WordPress theme “Permanent 3.0” by NewWpThemes.com. By default I have the site pages set to use three columns, with two sidebars on the right side. I need to create an alternative page template which only has one column, however, and does not include the two sidebar columns. I need the text in the main “body” column of the page content to flow all the way across the page.
Using this helpful post from David Risley I figured out how to duplicate my “page.php” file and create an alternate page I named “nosidebar-page.php”. I uploaded that page into my theme directory and can now select it for a page on which I want to use it. I deleted the sidebar includes on the new page so they do not show up. The problem, however, is my content column is still just on the left side of the page and doesn’t overlap over the area where the two right sidebars were. The screenshot (of this current, ‘live’ page) below shows my situation and need.
I think I need help with the CSS: I need to add some CSS code to my “style.css” page so my new template can use those formatting directions and flow across those columns. I also need to remove the vertical lines in the page which separate the sidebars from the page/post body content. I used this tutorial this evening to briefly play with a child theme: I created one and activated it successfully, but all the previous customizations I’d added to the Permanent theme (including very detailed menus) were no longer available. So, I’m thinking I need some basic CSS advice here along with code to insert into my “nosidebar-page.php” template file. My current code in that page is included below. If you can offer suggestions / tips I’d love to hear them. Thanks!
If you enjoyed this post and found it useful, subscribe to Wes' free newsletter. Check out Wes' video tutorial library, "Playing with Media." Information about more ways to learn with Dr. Wesley Fryer are available on wesfryer.com/after.
On this day..
- Inspired by National Geographic Explorer Andres Ruzo - 2019
- SmartPhones to Consider Besides the iPhone - 2016
- Lessons Learned: Hosting & Leading Local Technology Integration Workshops - 2012
- Comparing iPad PDF readers for annotation #edapp - 2010
- Take care of your laptop! (TPI: ThinkPad Investigation) - 2010
- Our need for systemic finance changes in US government - 2010
- Be sure comment moderation is turned ON for your school website - 2010
- Before The Battle of Hoth (Lego Stopmotion) - 2010
- New Mobile Photo Sharing Options - 2010
- A large dose of humble pie - 2008