Jump to content


Photo
- - - - -

Universal sidebar widget aligne right


  • Please log in to reply
15 replies to this topic

#1 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 21 July 2012 - 08:47 AM

I am looking in this forum trying to learn from all the great help that is provide in here. As well as looking at

Please Login or Register to see this Hidden Content

and other sites. But I dont se a pattern at all... I thought I could align a shortcode widget in the universal sidebar to the right. But either there is color added or something else strange happens. But the widget remains to the left no matter what I do. Any help would be much appreciated. I was abandon ;-) in another thread that I did close to soon.

#2 batman

batman

    Bat Learning

  • Members

  • 2083 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 July 2012 - 11:37 AM

You can try add in PageLines > Site Options > Custom Code > CSS Rules .button-alt { float: right; } But iIm not sure, because it move the header bottom too.

#3 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 21 July 2012 - 02:55 PM

Fantastic, Almost there. The widget menue went to the right but the widget content still on the left side.

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 July 2012 - 07:13 PM

Where is the universal sidebar Peter? If you use Firebug or Chrome Inspection Tools, you should be able to narrow down the specific elements within the sidebar to align or float them to the right.

#5 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 23 July 2012 - 07:29 AM

@rangelone, it??s at the top, above the branding. The little cart widget sits there. I am learning the structure of all CSS now so hopefully you won??t have to help me withe these stupid questions. But I am not there yet. As how .button-alt { float: right; } could do what it did is not making any sense. But it almost worked ;-)

#6 Danny

Danny

    Is Awesome!

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

Posted 23 July 2012 - 01:27 PM

Hi,

Try something like this:

Please Login or Register to see this Hidden Content



#7 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 23 July 2012 - 06:39 PM

Nop, It didn't do anything. The button is right but the content still left.

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 23 July 2012 - 06:57 PM

Try this for the user login widget:

Please Login or Register to see this Hidden Content



#9 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 23 July 2012 - 08:29 PM

@Catrina I don't have a "user login widget". I have a "cart widget". Not sure what you mean.

#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 23 July 2012 - 09:17 PM

Peter,
Using Firebug, I found that this change works. Please add it to Custom Code > CSS Rules:

Please Login or Register to see this Hidden Content

That moved the whole thing.

#11 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 23 July 2012 - 10:02 PM

@rangelone Thanks but the same thing happened with your code as batmans.. It's more to it than the button. Even I can move the button. But the content when pressing the button is another matter.. I have used firebug and. Something happen in the


#12 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 24 July 2012 - 08:12 AM

Here is the solution if anyone else would like to have the same #sb_universal .content { position: floate; left: 820px; margin: 0 auto; } Thanks batman for almost geting the solution. Lynda.com did the rest ;-)