[SOLVED]Resize searching bar and Chart bar Please :)

[Essemme_Forniture]

Hello,
I just realize how to resize the logo top image,
now, how you see in the file jpg, i need just 2 other resize, block search and the block chart... i tried to find the css place, but i didn't...
may you help me just this last time, like this my theme will be perfect for my business.

I'm a noob in css ect, but i think i can learn, i just need to find where i can modify with dreamweaver.
Thanks for your support.

Simone

Edited August 24, 2014 by affaridanoi (see edit history)

[vekia]

due to the fact that this is not default theme (modified default template) please share url to your shop

it's necessary to inspect these blocks.

[Essemme_Forniture]

Sure Vekia,

is www.affaridanoi.com, i'm going to stop the maintenance

Thanks

[S-HAMMANI]

Hi

 

this some suggestions to get the following result:

 

in : SITE/themes/laura/css/modules/blockuserinfo/blockuserinfo.css :

#header_right #header_user {
    margin: 4px 0px;
    clear: right;
    float: right;
    width: 36%;
}

in: SITE/themes/laura/css/modules/blocksearch/blocksearch.css :

#search_block_top {
    width: 36%;
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 15px;
    float: right;
}

RESULT:

 

 

[Essemme_Forniture]

Amazing Work S-HAMMANI

Thanks a lot, just other 2 question, if i'm not bother you, is possible to resize even a little big bigger font and bar on top , like in the image? cause i think that they are too little for old ppl

Thanks a lot

 

Regards

Simone

 

For the Image   CLICK HERE

[S-HAMMANI]

you can change this size in:  SITE/themes/laura/css/global.css line ~633:

 

#top-navi .navi-wrap a, #top-navi .navi-wrap span {
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    text-shadow: 1px 1px 0px #000;
}

[S-HAMMANI]

for resizing the bar  :

SITE/themes/laura/css/global.css line ~ 629

#top-navi {
     .....
    height: 44px;
    .....
}

 

SITE/themes/laura/css/global.css line ~631:

#top-navi .navi-wrap {

    ....
    padding: 14px 0px;

    ....

}

[Essemme_Forniture]

THANKS FOR ALL S-HAMMANI

 

Enjoy your time all over the world!

 

Simone

[S-HAMMANI]

Good luck

[wanderer72]

Hi

 

this some suggestions to get the following result:

 

in : SITE/themes/laura/css/modules/blockuserinfo/blockuserinfo.css :

#header_right #header_user {
    margin: 4px 0px;
    clear: right;
    float: right;
    width: 36%;
}

in: SITE/themes/laura/css/modules/blocksearch/blocksearch.css :

#search_block_top {
    width: 36%;
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 15px;
    float: right;
}

RESULT:

 

Hi S-HAMMANI,

 

This looks great, is there a straight-forward way I can do the same thing in the original, default theme?

 

Thanks

[S-HAMMANI]

Hi

 

you have change 2 css files:

SITE/themes/bootstrap-default/css/modules/blockcart/blockcart.css and

SITE/themes/bootstrap-default/css/modules/blocksearch/blocksearch.css

and 1 tpl file : SITE/themes/bootstrap-default/modules/blocksearch/blocksearch/blocksearch-top.tpl

 

blockcart.css:

line 4

#header .shopping_cart {
    position: relative;
    float: right;
    padding-top: 10px;
}

line 20 :

.shopping_cart {
    width: 100%;
}

blocksearch.css

#search_block_top {
    padding-top: 10px;
}

blocksearch-top.tpl

replace this line

<div id="search_block_top" class="col-sm-4 clearfix">

with :

<div id="search_block_top" class="col-sm-4 col-sm-offset-4 clearfix">

[wanderer72]

Many thanks, S-HAMMANI, works like a charm!!!

 

Btw, could I somehow swap the cart and the search box, i.e. have the cart on top (sorry to bother you again ?

 

Edit: Forget it, it would overlap with the search box when extended, which would look strange... Many thanks again!

 

 

Edited August 31, 2014 by wanderer72 (see edit history)

[wanderer72]

Edit: Forget it, it would overlap with the search box when extended, which would look strange... Many thanks again!

[S-HAMMANI]

like this?

 

 

its possible !!

[wanderer72]

Yes, just like that...

 

The only thing I'm concerned about is that it stretches out right over the search box, which might confuse the people viewing it... What do you think?