Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Moving sidebar to overlay body of the page


  #1  
Old Aug 22, 2011, 08: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, 09:25 AM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Aug 22, 2011 at 12:07 PM.
  #3  
Old Aug 22, 2011, 11: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, 12:12 PM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this
HTML Code:
td#left div.widget {margin-left: 200px;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 22, 2011, 12:38 PM
RichardG
 
29 posts · Sep 2010
Can I just check where I should paste this in?

Thanks
  #6  
Old Aug 22, 2011, 12:43 PM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
css inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 22, 2011, 01: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, 03:54 PM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Aug 22, 2011, 04: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, 05:57 PM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use the CSS I gave you
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Aug 22, 2011, 08:11 PM
lmilesw's Avatar
lmilesw
 
10,174 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, 03: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, 05:35 AM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #14  
Old Aug 23, 2011, 10: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, 12:58 PM
juggledad's Avatar
juggledad
 
23,596 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

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 07:57 AM
[SOLVED] Moving left sidebar - CSS styling for td#left Wimbledon Sidebars & Widgets 4 Oct 26, 2010 11:39 PM
Body of page being moved in to left sidebar? Zaza Sidebars & Widgets 0 Nov 5, 2009 02:54 PM
Moving feed links to top of the page pedja RSS, Feeds & Subscribing 2 Apr 30, 2009 12:17 PM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 06:01 PM


All times are GMT -6. The time now is 01:48 PM.


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