1 reply [Last post]
dona70
dona70's picture
Offline
newbie
Last seen: 3 years 26 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
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 3 hours 47 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9742
Points: 3821

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.

cheers,

gary

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