Making Room for Second Sidebar - wordpress

I have the screwdriver wordpress theme installed on my site (http://wordpress.org/extend/themes/screwdriver)
I made the necessary changes to my functions.php file, then created a sidebar-custom.php file, and now the new sidebar is showing up in my Wordpress account, but I was told that I now need to create space for the new sidebar in the theme layout.
I am told it takes a lot of layout redesign. Can anyone point me in the right direction on how to accomplish this? I want the newly-added sidebar to appear on the right side of page.
Looking at what I have, I'm assuming that I'll need to extend the width of gray field that shows in the back of my theme, then move the center "plate" where my posts reside, along with the "plates" on the left that hold the widgets. Then, I need to set the coding so that
My issue is, I don't know where to begin doing this. Can someone point me in the right direction?
Am I correct in assuming that this change will need to be made in the index.php file?

Well it could depend on how you registered the sidebar, but...
Go into your theme folder and locate the best place to put it (perhaps at the bottom of header.php ?)
<?php dynamic_sidebar('yoursidebarname'); ?>
Refresh your site, find the CSS selector for the new sidebar, and modify style.css accordingly - you might want to float it to the right and resize the content area.
I'm not familiar with the Screwdriver theme so this may be totally wrong.

Related

Sidebars not displaying in Wordpress theme Mantra and header cropping over advised size

I have installed Mantra as my WP theme, can't find help to this two issues.
1) Sidebars are not showing. I have a child theme with funtions.php and stylesheet.php folders. The theme comes with possibilities for 1-4 columns and sidebars left, right or both. I was explained can't have sidebars in the frontpage or as theme calls it, presentation page. If I could still add them, I would be extremely happy. However, my main issue is, I can't get sidebars to display in my post pages. I removed the view of pages and I'm using Categories instead since my page is news based. The main theme has sidebar php and action as been called into my child theme. Sidebars do exist since I can insert in the footer. It's just sidebars that are not working. I use for choosing where to display the Jetpack widget visibility. I need the sidebars so visitors can navigate my site between categories and want to display other content as well.
2) I have created an image, to the exact size theme advises and as per theme, it will be posted as is if the image has the exact measurements. However, no matter what I do, it does not displays as is and keeps cropping my image in half when I try to submit it.
This may help you to solve sidebar & crop issue
http://wordpress.org/support/theme/mantra

How to move sidebar to the left in shop pages?

I am using woocommerce for the first time and have searched for answers to this question for hours now. Found none. I'm exhausted and really grateful if someone wishes to help out.
I am using woocommerce on a self-created child theme. The main shop page uses a theme-template called "page-left-sidebar", which normally places the sidebar with widgets to the left of the page. This option would look good in the web shop that I'm trying to create.
But Woocommerce templates override my custom templates, and although I get the correct "page-left-sidebar"-template's sidebar widgets, I see with my eyes and also when investigating with firebug, that woocommerce is calling the "page-right-sidebar"-template's main & sidebar css rules instead those of the left-sidebar-template. The page-right-sidebar is the default page template in my theme, as it happens.
I have tried editing woocommerce's "archive-product.php" -page. But I just cannot understand, where and how to tell the div's to be situated where I want them to.
My theme's default "page.php" and "page-left-sidebar.php"-template are identical. Only the template's name (obviously) changes. In my "style.css" I have rules both for default sidebar (sidebar to the right) and page-left-template-sidebar.
What files should I edit and how?
To display sidebar on the left, the style.css file should have property float:left for that section
Found a workaround... I still don't understand how the default templates work, but I've tried until I give up. I just hard-coded a div style="right;" in the archive-product.php, closing the div just before the sidebar commanding lines. It's crude, I know, but it seems to do the trick.

Trying to modify wordpress template

I often get stuck when it comes to wordpress as I'm used to being able to move everything around. Below is my domain name and shows the responsive theme that I'm trying to modify:
http://govansoven.co.uk/
Now I want to make the header full width and keep the container at 960px so I planned to simply move the outside of the container div. However I can't find the file that shows this code. I can't see it within the editor of wordpress (i've checked the obvious ones index.php, header.php etc) So will it be hidden with the FTP?
the container will probably be in page.php

How to put a widget in a page

I am new to wordpress and I am trying to figure out how menus relate to widgets. Is there a way I can add a widget to a page? Not on the side bar but in the page.
Not easily, I'm afraid :( However, a 'sidebar' in WordPress can be any container in your website. It does not necessarily need to be on the side of your page. You can use register_sidebar() in your functions.php file to create a new sidebar, then simply display the widgets in your new sidebar with dynamic_sidebar(). It's your CSS that places the sidebar on the side of your page. If you look at it that way, you can instead use CSS to make a horizontal 'sidebar' for instance. The name 'sidebar' will most likely change at some point in the future to better reflect that.

Is it possible to have a large image above the content node in Drupal?

I'm trying to replicate pages like the following using Drupal:
http://www.ams-neve.com/Products/Outboard/1073LB/1073LB.aspx
My problem is that I'd like the image at the top (which changes depending on which page you're on) to be part of the main content node, while the menu on the left is a sidebar region.
I'd like to have a 'product' content type where I can write the main copy, include linked files, etc. plus have a 'header image' which would be what appears at the top of the page.
I have the feeling that it can't be done like this because I'd essentially need bits of the node to be rendered into different blocks. If I theme the node template to wrap a div around the header image I can't figure out a way to have that moved to the top of the page and displace the left sidebar down.
Can anyone tell me if it's possible, or suggest an alternative route.
There are a lot of products so I need it to be a simple method.
The method I used was to create a Views Slideshow Block in Views. It pulled the header_image field from my node by looking at the page it was on. I put this block into the header of my page.
Anyone else looking at this should also check out Display Suite. You can do a lot of cool stuff with that.
if i'm not getting it wrong you are having problems with the default way in which drupal blocks work. Have you tried panels? It's an awesome plugin to work with drupal which let you create pages in a really flexible way.
You could have a custom field for your 'Product' content type that is an image or a text field to a URL for the header image. Just use CSS to place them where you'd like.
Alternatively, check out these links, I think they are what you are looking for.
http://drupal.org/project/headerimage
http://drupal.org/project/sections

Resources