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, consider subscribing to Wes' free, weekly newsletter. Generally Wes shares a new edition on Monday mornings, and it includes a TIP, a TOOL, a TEXT (article to read) and a TUTORIAL video. You can also check out past editions of Wes' newsletter online free!
Did you know Wes has published several eBooks and "eBook singles?" 1 of them is available free! Check them out! Also visit Wes' subscription-based tutorial VIDEO library supporting technology integrating teachers worldwide!MORE WAYS TO LEARN WITH WES: Do you use a smartphone or tablet? Subscribe to Wes' free magazine "iReading" on Flipboard! Follow Dr. Wesley Fryer on Twitter (@wfryer), Facebook and Google+. Also "like" Wes' Facebook page for "Speed of Creativity Learning". Don't miss Wesley's latest technology integration project, "Show With Media: What Do You Want to CREATE Today?"
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
- Podcast334: One to One Learning with Open Source Netbooks is Practical, Affordable and Powerful - Learn Why - 2009