Changing Spy and Events modules

Hello,

I've been having problems for change the header of modules spy and events.
I need to change the width of dbTmCenter where are all the actions of our users.
Like in the image below, is too large and invades the text "SPy" or "Events".
Our Dolphin is 7.0.9 and we changed our Template to Sky001 of TMDHosting.
In templete UNI is working very well.

Somebody to help us?

Thank you in advance.

Mila Menezes

???? Anybody here?

The easiest thing to do if this is the only page affected; go to page builder and change the "Homepage" page width to about 10-20px more and see how that looks. Your on .9 so the default is 998px I think, 7.1 has been increased to 1040px.

So play with that first..

You could also change the text size in css for that box.

Hello

Thank you for try to help us. I´ll change it now.But I don´t can find the local where is the correct .css. I inspected with 3D of firefox and it told me to find "line: width - 108 of div.dbTmCenter " 

this width is the only I have to change but I don´t find it yet. I look for common.css in every local  but I can not find it. This center is what I want to make smaller.

See at image below:

Right there in your photo..

common.css about 278

font size.. 11 change to 8

Should work for spy, let me check further..

Newton,

Unfortunately, change only the size of homepage, doesn't work.

Any another option?

Thank you .

Hello,

I don't see any change only apply the font size smaller .. 

another idea?

Regards,

Mila

Hello, 

I changed the header making  this change in common.css  below:

/* * * * DesignBox * * * */

.disignBoxFirst {

border:1px solid #CCC;

margin-bottom:10px;

background-image:url(../images/head_cutting.gif);

background-repeat:repeat-x;

background-color: transparent;

    position:relative;

}

.boxFirstHeader {

height:21px;

padding:7px 0px 0px 10px ;

font-size:12px;

color:#333;

font-weight: bold;

text-align:left;

text-transform:capitalize;

border-bottom: 1px solid #CCC;

position:relative; /*need to 236*/

font-family:Verdana,Arial;

}

.boxContent {

overflow: hidden;

font-size: 11px;

padding: 1px 1px 1px 1px;

background-color: #fff;

}

.boxContent > .form_advanced > .form_advanced_wrapper,

.boxContent > .dbContentHtml,

.boxContent > .RSSAggrCont > .rss_feed_wrapper,

.login_box_text

{

    margin: 9px;

}

.disignBoxFirst .boxFirstHeader .dbTitle {

    position: relative;

    float: left;

}

.disignBoxFirst .boxFirstHeader .dbTopMenu,

.disignBoxFirst .boxFirstHeader .caption_item {

/*display:none;*/

position: absolute;

top: 0px;

right: 0px;

white-space:nowrap;

color:#333;

font-size: 11px;

text-transform:capitalize;

font-weight:bold;

}

.disignBoxFirst .boxFirstHeader .caption_item {

padding-top:3px;

padding-right:5px;

}

div.dbTmLeft,

div.dbTmRight,

div.dbTmCenter {

    height: 28px;

    left:0px;

    position: relative;

    float: left;

}

div.dbTmCenter {

    width: 40px;

    white-space: nowrap;

    overflow: hidden;

    background-position: center;

}

div.dbTmLeft,

div.dbTmRight {

    padding: 0px -20px;

    background-repeat: no-repeat;

    background-position: center center;

}

div.dbTmLeft {

    background-image: url(../images/dbTmLeft.png);

}

div.dbTmRight {

    background-image: url(../images/dbTmRight.png);

}

div.dbTmLeft img {

    padding: 0px -20px;

    left: 0px;

    width: 50px;

    height: 28px;

    background-position: left center;

}

div.dbTmRight img {

    padding: 0px -20px;

    left: 0px;

  /*  width: 50px;*/

    height: 28px;

    background-position: left center;

}

I hope this post helps someone more. 

Newton, thank you. 

MIla