How To Position The Universal Sidebar?

[lutz 1]

Hi everybody!

 

I'm trying to place the horizontal sidebar, wich I arranged on top of the branding header, more to the right. I use this for ad tags and these have to be placed on the right side of the page to combine with the skyscraper ad in the vertical (secondary) sidebar besides it.

 

With your help I managed to pull the secondary sidebar up to the top with this code:

 

#site #sidebar2{margin-top:-359px;}

Works great!

 

Now I'm looking for the same thing for the universal sidebar, but horizontal, not vertical.

I already tried things like:

#site #sidebar_universal{margin-left:600px;}

and so on, but couldn't find the right code to make it work.

 

Can somebody tell me, how to re-position the universal sidebar horizontally?

Maybe with another command?

 

Thanks in advance!

 

[Danny+ 1,327]

Hi,

 

To find the correct selector, you're going to need to use either FireBug or your browsers built-in web dev tool.

 

 

Unfortunately, we are unable to provide you the custom CSS needed to achieve your layout. If you're not comfortable with custom CSS or code. I recommend you contact one of our Pros for assistance 

 

http://www.pagelines.com/pros/

Be sure to also check out our CSS Customization section in our documentation to give you a good head start on CSS changes you can make.

http://support.pagel...ion/custom-css/

[lutz 1]

@Danny,

 

thanks for your quick response!

 

I absolutely do feel comfortable with custom CSS and code – if I only would knew which one I need )

As I wrote above I use CSS code already, thanks to you!

So I only wanted to know which command I need for re-arranging the universal sidebar horizontally.

Would be great if you could help me with that, too!

[Danny+ 1,327]

You can find more information about CSS here - http://www.w3schools.com/css/default.asp

[lutz 1]

Dear Danny,

 

I know that site and have tried all the code that possibly could be useful over the weekend.

I tried margin-left..., padding-left... and so on, but without any effect.

 

So I wanted to know from you:

1. is the #sidebar_universal{xxx} command the right one?

2. and which code should move the sidebar content xx pixels to the right?

 

Could you please help me with that?

Thanks in advance!

[Danny+ 1,327]

First thing to note is that all sections have a class, we recommend using the class instead of ID, as ID's over power everything else. The class for the sections, will look something like this:

 

.section-section-name

 

For example,

 

.section-sb_universal { }

 

You may also need to use the PageLines override #site or #page.

 

If you wish to position an element, you're may want to look at position - http://www.w3schools.com/css/css_positioning.asp

[lutz 1]

Dear Danny,

 

I'll try this in the afternoon, thanks!

But as you said it would be better to use the classes: I now use this command for the outer sidebar:

#site #sidebar2{margin-top:-359px;}

 

Would this be the correct/better command for that?

#site .section-sb_universal{margin-top:-359px;}

If so, I would change that, too ...

[Danny+ 1,327]

There is no need to change this:

 

#site #sidebar2{margin-top:-359px;}

As the Sidebar2 doesn't have a class, so just keep that code as it is.

[lutz 1]

Dear Danny,

 

thanks again: that

#site .section-sb_universal {margin-left:190px;}

command works great!

Thanks!!!!!

 

[lutz 1]

solved

[Danny+ 1,327]

Can you provide a link to your site please

[lutz 1]

Sure, it's http://mobiwatch.de/

[Danny+ 1,327]

Is your issue now resolved ?

[lutz 1]

Yes, it is, thanks! 

I thought I already marked it as solved, but I will do so again )