How do I center info in Sidebar Widget?

Community Forums Forums Design Tips and Tricks How do I center info in Sidebar Widget?

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Susan Nelson 1 year, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #42272

    Robin
    Participant
    Post count: 151

    Site: http://vc.byrobin.info/

    I’m trying to center the Contact Form 7 widget info in the sidebar without applying a -20px to the left margin.

    I put these amounts in to firebug and the widget moved.  Was just wondering if there was a better way of doing it other than applying a negative number.
    div.wpcf7 {

      margin:0 0 0 -20px;
      padding:0;

    Thanks


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    http://vc.byrobin.info/
    #42308

    Susan Nelson
    Participant
    Post count: 207

    Hi,

    This isn’t the best way to go about it, but if you change the width of .sidebar to 280px, it will work. If you put other things in your sidebar, the alignment might look off. In that case, you may try changing the width of the form so that everything will center correctly.

    Hope that helps!


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

    #42335

    Robin
    Participant
    Post count: 151

    Hey Susan,  thanks that did the trick and centered the form in my desktop view.  How do I get it to center in mobile phone portrait view?

     

    http://www.studiopress.com/responsive/?vc.byrobin.info

     

    thanks again


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    #42337

    Susan Nelson
    Participant
    Post count: 207

    I think ideally, you’ll need to change the width of the form so that it works with the original dimensions and width of the sidebar. Then it should flow naturally.


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.