1 reply [Last post]
dona70's picture
Last seen: 3 years 9 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: 22 hours 21 min ago
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9738
Points: 3817

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.