Posted May 1, 20196 yr How can i make this button centered? <center><ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsSpacer_both"> <br /> <li class="ipsToolList_primaryAction" style="margin-center:0px;"> <a class="ipsButton ipsButton_veryLarge ipsButton_important ipsButton_fullWidth" href="/reviews/request-a-content-channel-to-be-reviewed-by-the-community/" title="Request Channel Review">Request Channel Review</a> </li> </ul></center> it's what you see on this page - https://www.fierceteam.com/portal/ thanks in advance if anyone can help
May 1, 20196 yr Community Expert The placement comes from a “float” declaration attached to the <li> element. I would probably start by stripping most of that code. You really only want the Link (<a></a>). Everything else is unnecessary. That code is also sitting in a grid, which also affects the placement. But that is outside of the code you are showing.
May 1, 20196 yr Author ok, gonna tweak it some and show what i got thank you for helping ok, so i stripped it got this <center><a class="ipsButton ipsButton_veryLarge ipsButton_important ipsButton_fullWidth" href="/reviews/request-a-content-channel-to-be-reviewed-by-the-community/" title="Request Channel Review">Request Channel Review</a></center> that centered it, but now i have a long centered button lol, how to make it smaller? what part of the code is the sizing?
May 1, 20196 yr Author So i am looking to put three of these buttons, all with different text and links, in the three boxes shown when i moved the block to test what it would look like, it was still too long......so i am guessing i would size the actual button by the code? right?
May 1, 20196 yr Community Expert You have a ipsButton_fullWidth in there. That causes the expansion. More about that here: https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/buttons-r96/ There is more useful stuff in that section, e.g how to center elements: https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/typography-r98/
May 1, 20196 yr Author <center><a class="ipsButton ipsButton_veryLarge ipsButton_important" href="/reviews/request-a-content-channel-to-be-reviewed-by-the-community/" title="Request Channel Review">Request Channel Review</a></center> Perfect and many thanks
Archived
This topic is now archived and is closed to further replies.