Data at Your Fingertips: Explore Our New Reporting and Statistical Capabilities By Ryan Ashbrook 23 hours ago
Fierce God Posted May 1, 2019 Share Posted May 1, 2019 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 Link to comment Share on other sites More sharing options...
opentype Posted May 1, 2019 Share Posted May 1, 2019 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. Link to comment Share on other sites More sharing options...
Fierce God Posted May 1, 2019 Author Share Posted May 1, 2019 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? Link to comment Share on other sites More sharing options...
Fierce God Posted May 1, 2019 Author Share Posted May 1, 2019 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? Link to comment Share on other sites More sharing options...
opentype Posted May 1, 2019 Share Posted May 1, 2019 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/ Link to comment Share on other sites More sharing options...
Fierce God Posted May 1, 2019 Author Share Posted May 1, 2019 @opentype thank you so much!!! Link to comment Share on other sites More sharing options...
Fierce God Posted May 1, 2019 Author Share Posted May 1, 2019 <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 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.