Archived

This topic is now archived and is closed to further replies.

  • 0

How To Position The Universal Sidebar?


Question

Posted · Report post

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!

 

Share this post


Link to post
Share on other sites

13 answers to this question

Posted · Report post

Is your issue now resolved ?

Share this post


Link to post
Share on other sites

Posted · Report post

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/

Share this post


Link to post
Share on other sites

Posted · Report post

@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!

Share this post


Link to post
Share on other sites

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

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 ...

Share this post


Link to post
Share on other sites

Posted · Report post

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.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Dear Danny,

 

thanks again: that

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

command works great!

Thanks!!!!!

 

Share this post


Link to post
Share on other sites

Posted · Report post

solved

Share this post


Link to post
Share on other sites

Posted · Report post

Can you provide a link to your site please

Share this post


Link to post
Share on other sites

Posted · Report post

Yes, it is, thanks! 

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

Share this post


Link to post
Share on other sites