Jump to content


Photo
- - - - -

How To Position The Universal Sidebar?

universal sidebar position arrange

Best Answer Danny , 07 February 2013 - 01:11 PM

Is your issue now resolved ?

Go to the full post


  • Please log in to reply
13 replies to this topic

#1 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 05 February 2013 - 07:09 AM

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!

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 07:49 AM

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 

 

Please Login or Register to see this Hidden Content


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.


Please Login or Register to see this Hidden Content



#3 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 05 February 2013 - 09:26 AM

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



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 09:39 AM

You can find more information about CSS here - 

Please Login or Register to see this Hidden Content



#5 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 05 February 2013 - 09:45 AM

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!



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 09:58 AM

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 - 

Please Login or Register to see this Hidden Content


  • lutz likes this

#7 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 05 February 2013 - 10:20 AM

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



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 10:34 AM

There is no need to change this:

 

Please Login or Register to see this Hidden Content

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


  • lutz likes this

#9 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 05 February 2013 - 12:36 PM

Dear Danny,

 

thanks again: that

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

command works great!

Thanks!!!!!

 



#10 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 05 February 2013 - 12:50 PM

solved



#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 February 2013 - 12:56 PM

Can you provide a link to your site please



#12 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 07 February 2013 - 12:46 PM

Sure, it's 

Please Login or Register to see this Hidden Content



#13 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 February 2013 - 01:11 PM   Best Answer

Is your issue now resolved ?



#14 lutz

lutz

    Advanced Member

  • Members
  • 92 posts

Posted 07 February 2013 - 01:42 PM

Yes, it is, thanks! 

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







Also tagged with one or more of these keywords: universal sidebar, position, arrange