1 reply [Last post]
dona70
dona70's picture
Offline
newbie
Last seen: 3 years 37 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: 1 day 11 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

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.