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. |
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.
|
Have uploaded patches
url http://www.mitreinteriordesign.co.uk Only started build today. wordpress 3.2.1 |
try this
HTML Code:
td#left div.widget {margin-left: 200px;} |
Can I just check where I should paste this in?
Thanks |
css inserts
|
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. |
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
|
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?
|
use the CSS I gave you
|
Also that picture on the front page should be resized for web. It is over 5Mb and should more around 100Kb
|
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. |
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. |
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 |
you can try this. set a background for the row with
HTML Code:
tr#bodyrow { |
All times are GMT -6. The time now is 07:46 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.