Jump to content


Photo
- - - - -

Trouble centering button in jigoshop

jigoshop button css

  • Please log in to reply
5 replies to this topic

#1 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 06 April 2013 - 05:34 PM

I have a site and am somewhat familiar with firebug and css in pagelines, but I can't seem to get the buttons on this page ( 

Please Login or Register to see this Hidden Content

) to center. I tried to add this to the custom css in the pagelines panel but it didn't work:

 

 

 

Please Login or Register to see this Hidden Content

 



#2 Danny

Danny

    Is Awesome!

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

Posted 07 April 2013 - 09:33 AM

HI,

 

In order to do this, you're probably going to need to add text-align center to the products li and then add, float:none to the button. This should work, also you may need to use a PageLines override. You can find more information about the overrides on our custom CSS docs.

 

Please Login or Register to see this Hidden Content



#3 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 April 2013 - 05:32 PM

I'll check that out Ninja, thanks...



#4 Rob

Rob

    One Smart Egg

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

Posted 07 April 2013 - 06:07 PM

Great. Let us know how it works!



#5 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 08 April 2013 - 01:11 PM

this didn't work... making the float:none made the 3 columns become a single column all the way down the page...



#6 Rob

Rob

    One Smart Egg

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

Posted 08 April 2013 - 08:07 PM

I just helped another client yesterday, by guiding them to apply a specific pixel for margin-left.  Because in that client's case, the products were in a tight column, it was simply a matter of margin-left: 50px; that worked well.







Also tagged with one or more of these keywords: jigoshop, button, css