Adjusting the width of a block [#1293168]

Comment #1

stanowen CreditAttribution: stanowen commented 5 October 2011 at 17:58

In the style.css file I found a width of 218px associated with the Search region, but adjusting that number makes no difference in the size of the block. There must be a way to increase the length/width of the search area block.

Log in or register to post comments

Comment #2

stanowen CreditAttribution: stanowen commented 15 October 2011 at 21:50

Priority:

Normal

» Critical

so nobody knows?

really could use thee help to get my website to go live and I've been waiting on this one issue.

Log in or register to post comments

Comment #3

gtsopour CreditAttribution: gtsopour commented 15 October 2011 at 22:27

Assigned:	Unassigned	» gtsopour
Issue tags:		+corporate, +Corporate Theme, +Corporate Clean Theme

Hello stanowen,

could you tell me in which region have you placed the search block?

Thanks
/George

Log in or register to post comments

Comment #4

gtsopour CreditAttribution: gtsopour commented 15 October 2011 at 23:00

Hello stanowen,
I prepared for you the appropriate changes to style.css file. Make the following changes only on your style.css file (increase search block 100px for example)

1. Decrease header-inside-left width 100px
From

#header-inside-left {
    float: left;
    margin: 0;
    padding: 0 60px 0 0;
    width: 620px;
}

To

#header-inside-left {
    float: left;
    margin: 0;
    padding: 0 60px 0 0;
    width: 520px;
}

2. Increase header-inside-right width 100px
From

#header-inside-right {
    float: left;
    padding: 0;
    width: 280px;
}

To

#header-inside-right {
    float: left;
    padding: 0;
    width: 380px;
}

3. Increase search block form text width 100px
From

#block-search-form input.form-text {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9F9F9F;
    float: left;
    font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
    height: 15px;
    line-height: 15px;
    outline: medium none;
    padding: 10px;
    text-decoration: none;
    width: 218px;
}

To

#block-search-form input.form-text {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9F9F9F;
    float: left;
    font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
    height: 15px;
    line-height: 15px;
    outline: medium none;
    padding: 10px;
    text-decoration: none;
    width: 318px;
}

Please, inform me if this worked for you or not in order to help you directly.
Thanks
/George