Jump to content
Sign in to follow this  
bhayent1

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

Recommended Posts

bhayent1    0
bhayent1

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
jnoh    0
jnoh
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
bhayent1    0
bhayent1

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
michaelmiles    0
michaelmiles

I'd like to know this too!

Share this post


Link to post
Share on other sites
jnoh    0
jnoh

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×