Archived

This topic is now archived and is closed to further replies.

  • 0

WH Pro - Sidebar Issue - Textbox w/Image Displaces Column Formatting

Question

Posted · Report post

Hi - I'm having an issue with the text widget in the sidebar. I've added href code to the text widget to display an image- however: 1. The image is not centered in the box - but overlaps the right side of the column - even though the image width is smaller than the column width 2. The textbox/image completely displaces the contents of the other widgets in the sidebar - see video below: http://www.screencast.com/users/BloggingForDogs/folders/Jing/media/6d1f78f9-d3ce-4385-bce6-0024c28d428f Please advise. Thank you.

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

1. The image is not centered in the box - but overlaps the right side of the column - even though the image width is smaller than the column width
This has to do with the way the widget css is set up. Do you want there to be no padding in the widget so that the image is flush against the sides of the container?
2. The textbox/image completely displaces the contents of the other widgets in the sidebar - see video below:
Try adding a title to the textbox widget. Look here.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi - Thanks for you response. I took your advice & named the widget ( called it WIDGET TEST). The good news is that it did not break the alignment of the sidebar. However - the image is not aligned in the center of the widget box. See the video: http://www.screencast.com/users/BloggingForDogs/folders/Jing/media/880c0928-cf94-4707-9c80-1783be0b2090 I did add center tags & it still is not centered - do I had to delete it because it's a live client site. Any ideas would be appreciated.

Share this post


Link to post
Share on other sites

Posted · Report post

I'd like to know this too!

Share this post


Link to post
Share on other sites

Posted · Report post

Add this to the Custom Code > Custom CSS Code field: .textwidget {text-align:center}

Share this post


Link to post
Share on other sites