Centring tabs

• 

  homegrownkate · Member · May 20, 2015 at 12:36 pm

  • Copy link
  • Add topic to favorites

  Hello,
  In the past I have used a CSS code to centre the text in my side widget, but it doesn’t seem to work on the ‘follow’ tab in my side widget. Is there a different code for centring tabs?
  Thanks very much,
  Kate.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · May 20, 2015 at 1:22 pm

  • Copy link

  Hi

  If you would like to center the button with the text “Follow Homegrown Kate”, you would need to add a little piece of CSS code.

  .widget_blog_subscription .wf-active input[type=”submit”] {
  margin: 0 auto;
  display: block;
  }

  I hope this helps you.

• 

  homegrownkate · Member · May 20, 2015 at 2:16 pm

  • Copy link

  Thank you, but it doesn’t seem to work. Any other ideas?

• 

  staff-jeanpierreac · Staff · May 21, 2015 at 6:27 am

  • Copy link

  Sorry about that, homegrownkate!

  I added a ‘bug’ :). Just remove “.widget_blog_subscription” at the beginning and tell me if that is ok for you:

  .wf-active input[type="submit"] {
  margin: 0 auto;
  display: block;
  }

• 

  kathrynwp · Staff · May 25, 2015 at 4:18 pm

  • Copy link

  And to offer another variation, this version will only target the subscription form, and will work even if you don’t have custom fonts active:

  .widget_blog_subscription input[type="submit"] {
    margin: 0 auto;
    display: block;
  }

• 

  staff-jeanpierreac · Staff · May 26, 2015 at 4:38 am

  • Copy link

  Yes, thank you @kathrynwp