Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Moving sidebar to overlay body of the page


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 22, 2011, 07:46 AM
RichardG
 
29 posts · Sep 2010
I want to move the left sidebar that contains my menu so that it overlays the body.

Can I do this using margins to push it over.

Here is an ex. which is a flash site though.

http://www.louisebradley.co.uk/fl/

I am really under pressure so donations a cert.

Thanks in advance.
  #2  
Old Aug 22, 2011, 08:25 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
what version of Atahualpa and WP?
What is the URL of the site?
If your are on 3.6.7, do you have the PATCHES applied. Here are the links.
  • PATCH 367-01: Odd effects when 'CSS: Compress' = 'Yes'
  • PATCH 367-02 is incorporated in PATCH 367-04
  • PATCH 367-03: PHP errors when adding widget areas in index.php
  • PATCH 367-04: Hovering over a Post/Page title only shows "Permanent Link to"
  • PATCH 367-05: Site Title appended after the 'WordPress SEO by Yoast' title

Last edited by juggledad; Aug 22, 2011 at 11:07 AM.
  #3  
Old Aug 22, 2011, 10:26 AM
RichardG
 
29 posts · Sep 2010
Have uploaded patches

url

http://www.mitreinteriordesign.co.uk

Only started build today.

wordpress 3.2.1
  #4  
Old Aug 22, 2011, 11:12 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
try this
HTML Code:
td#left div.widget {margin-left: 200px;}
  #5  
Old Aug 22, 2011, 11:38 AM
RichardG
 
29 posts · Sep 2010
Can I just check where I should paste this in?

Thanks
  #6  
Old Aug 22, 2011, 11:43 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
css inserts
  #7  
Old Aug 22, 2011, 12:20 PM
RichardG
 
29 posts · Sep 2010
http://screencast.com/t/qXACfxXzf

Sorry for the delay. My message didn't go.

screenshot to help explain.

When I added insert the sidebar content disappeared
but the side bar stayed where it was.

Thanks for all your help.
  #8  
Old Aug 22, 2011, 02:54 PM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
If you want a menu in the sidebar, then you are going to have to add a widget that handles the menu like the 'Pages' widget, to the sidebar
  #9  
Old Aug 22, 2011, 03:05 PM
RichardG
 
29 posts · Sep 2010
I could use the text widget so that I can control font size a nd spacing etc but how can I get the sidebar to float over the page?
  #10  
Old Aug 22, 2011, 04:57 PM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
use the CSS I gave you
  #11  
Old Aug 22, 2011, 07:11 PM
lmilesw's Avatar
lmilesw
 
9,388 posts · Jul 2009
Central New York State USA
Also that picture on the front page should be resized for web. It is over 5Mb and should more around 100Kb
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #12  
Old Aug 23, 2011, 02:27 AM
RichardG
 
29 posts · Sep 2010
Thanks Guys

Larry I shall resize all the images when my client has decided which ones to use.

Juggledad, when I use the css the widget text disappears, possible behibd the image.
  #13  
Old Aug 23, 2011, 04:35 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
I see neither a sidebar nor the CSS in the code of the site. did you remove them?
looking at a screen cast or picture doesn't help, I need to look at the site with the issue to help you.
  #14  
Old Aug 23, 2011, 09:01 AM
RichardG
 
29 posts · Sep 2010
I have added sidebar and the code you suggested and this is the result.

The sidebar pushes the image over which I do not want and the text/widget disappears behind the image.

http://mitreinteriordesign.co.uk/

Url above.
While I am here is there a tutorial to teach me how to set up a separate page template, incl. header and all the bits? Thanks
  #15  
Old Aug 23, 2011, 11:58 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
you can try this. set a background for the row with
HTML Code:
tr#bodyrow {
background: url(http://mitreinteriordesign.co.uk/wp-content/uploads/2011/08/DSC_0319.jpg) top left no-repeat;
background-size: 631px 950px;
}
td#left {
 background: none repeat scroll 0 0 transparent;
}
you will have to resize the image so it will fit, it is way too big right now.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Moving Sidebar to the top hospitalera Sidebars & Widgets 14 May 14, 2011 06:57 AM
[SOLVED] Moving left sidebar - CSS styling for td#left Wimbledon Sidebars & Widgets 4 Oct 26, 2010 10:39 PM
Body of page being moved in to left sidebar? Zaza Sidebars & Widgets 0 Nov 5, 2009 01:54 PM
Moving feed links to top of the page pedja RSS, Feeds & Subscribing 2 Apr 30, 2009 11:17 AM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 05:01 PM


All times are GMT -6. The time now is 11:36 PM.


Powered by vBulletin® Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.