1 reply [Last post]
dona70's picture
Last seen: 6 years 28 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: 1 year 30 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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.