Widget Title does not wrap


Author Message
Steve

Posted: 8/15/2009
Quote message 

When adding a long title to a text widget in my sidebar, the text does not wrap but disappears off the page. How do I rectify this please?

(Please ignore previous post title Mr)
 
Garry

Posted: 8/15/2009
Quote message 

You can break your title into two lines(<br>). You may like to post your website URL here
 
Steve

Posted: 8/16/2009
Quote message 

Thanks, but that is not a solution, merely a work around. Is this a bug or am I missing something?
 
Garry

Posted: 8/16/2009
Quote message 

You may like to post your website URL or attach a screenshot of the issue here
 
susanne

Posted: 8/20/2009
Quote message 

Quote Steve:

When adding a long title to a text widget in my sidebar, the text does not wrap but disappears off the page. How do I rectify this please?

(Please ignore previous post title Mr)

I had this same problem and ended up having to create a new image with the title in it. Very inconvenient,,,,one reason why I don't like working with Artisteer.
 
Garry

Posted: 8/21/2009
Quote message 

@ susanne

There are three options you have at this point:

1- Decrease the text size of your title in text widget

2- Increase the width of your sidebar

3- Break your title into two lines(as I said above)
 
Steve

Posted: 9/8/2009
Quote message 

Thanks but these aren't really options.

See www.welovesurfing.co.uk for subscriber box on the left
 
Garry

Posted: 9/8/2009
Quote message 

I seen your site, the problem seem to be with plugin as this plugin is increasing the with of content more that available space(sidebar width).

Can I know which plugin you are using to subscribe
 
Steve

Posted: 9/13/2009
Quote message 

I am using a text widget with code form AWeber
 
Garry

Posted: 9/13/2009
Quote message 

You should try installing a Wordpress signup plugin instead of using text widget.
 
Steve

Posted: 9/16/2009
Quote message 

Thanks but I don't want to do that. Is there a way Artisteer can resolve this issue please?
 
Dave Porter

Posted: 9/16/2009
Quote message 

Hi Steve,

Sorry but I think you keep missing the point. You would have the problem with any theme, that you are using with this plugin.

I really don't think this is an Artisteer issue.

But to be sure can you give us more information and please try it with the standard Wordpress theme and report back if the problem still exists.

cheers Dave
 
Garry

Posted: 9/16/2009
Quote message 

Find out following two styling rules in your style.css :

.art-contentLayout .art-content {
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:562px;
}

.art-contentLayout .art-sidebar1 {
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:187px;
}

---------------------------------------------
And change theme as following:
---------------------------------------------

.art-contentLayout .art-content {
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:552px;
}

.art-contentLayout .art-sidebar1 {
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:197px;
}
 
Garry

Posted: 9/16/2009
Quote message 


Sorry a typo, please read them instead of theme
 
Steve

Posted: 9/23/2009
Quote message 

I amended the code and that worked, buy is this only a temporary fix? What happens when I tweak my design and upload the amended theme. Will I need to amend the code each time?
 
Garry

Posted: 9/23/2009
Quote message 

Your widget's width is grater that your sidebar's width, you should increase the width of your sidebar while designing the theme in Artisteer and you'll be good to go.
 
Steve

Posted: 9/24/2009
Quote message 

OK thanks but I don't see where I can set the column width in pixels. I only see a % adjustment in the Layout options. How do I specify a column width in pixels please?
 
Garry

Posted: 9/24/2009
Quote message 

Following styling rule in your style.css controls the width of your sidebar:

.art-contentLayout .art-sidebar1 {
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:218px;
}