1 reply [Last post]
dona70's picture
Last seen: 4 years 21 weeks ago
Timezone: GMT+2
Joined: 2016-03-05
Posts: 1
Points: 2

Site: http://toivalanurheilijat.fi/uusi/
I have widgets in sidebar, for example: Yhteistyökumppanit
Title (Yhteistyökumppanit) in the widget’s blue title box goes into two row, but I want it into one row.
How can I make the title box wider? I all ready put sidebar width: 100%;
Here is some css-code from my style.css:

/* ^6.1.2 —————————————————- /
/ sidebar ————————————————— /
/ ———————————————————– */

#sidebar {
color: rgb(153, 153, 153);
float: right;
margin-top: 3px;
padding: 0 11px 0 39px;
width: 100%;
max-width: 260px;
/width: 300px;/
word-wrap: break-word;

#sidebar .widget {
background: rgba(239, 239, 239, .4);
margin-bottom: 30px;

#sidebar .widget_text {
padding: 5px 31px 27px;
/width: 300px;/

#sidebar .widget_text h2:first-child {
left: -31px;
position: relative;
top: -5px;

gary.turner's picture
Last seen: 21 hours 1 min ago
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Try this

#sidebar .widget > h2:first-child, 
#wp-calendar caption {
  background: rgb(40, 135, 184) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 18px 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;}

If that's not what you want, please explain why and be explicit about your desires.



If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.