Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Moving sidebar to overlay body of the page (http://forum.bytesforall.com/showthread.php?t=15178)

RichardG Aug 22, 2011 07:46 AM

Moving sidebar to overlay body of the page
 
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.

juggledad Aug 22, 2011 08:25 AM

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

RichardG Aug 22, 2011 10:26 AM

Have uploaded patches

url

http://www.mitreinteriordesign.co.uk

Only started build today.

wordpress 3.2.1

juggledad Aug 22, 2011 11:12 AM

try this
HTML Code:

td#left div.widget {margin-left: 200px;}

RichardG Aug 22, 2011 11:38 AM

Can I just check where I should paste this in?

Thanks

juggledad Aug 22, 2011 11:43 AM

css inserts

RichardG Aug 22, 2011 12:20 PM

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.

juggledad Aug 22, 2011 02:54 PM

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

RichardG Aug 22, 2011 03:05 PM

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?

juggledad Aug 22, 2011 04:57 PM

use the CSS I gave you

lmilesw Aug 22, 2011 07:11 PM

Also that picture on the front page should be resized for web. It is over 5Mb and should more around 100Kb

RichardG Aug 23, 2011 02:27 AM

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.

juggledad Aug 23, 2011 04:35 AM

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.

RichardG Aug 23, 2011 09:01 AM

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

juggledad Aug 23, 2011 11:58 AM

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.


All times are GMT -6. The time now is 02:47 AM.

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