How to lower the search bar at top of site page

[joecoles17]

Hello there! 

 

I am looking for a solution to lower both the search bar in my website and the cart button at the top of the page so it is inline with my sight logo. At the moment they are both to high on the the page and it looks odd. There is an image attached so you get a better idea.

 

I have looked around for tutorials as to how to do this and can see that it involves the use of code. I have very little experience with code and am wondering where do I start?

 

Do I need to download a specific program?

 

Thanks in advance

[NemoPS]

Can you share the site's url? I would add some top margin or padding to those element
As for tuts, I have a theme crash course that should help you with that, on my site

[joecoles17]

Hi Nemo,

 

Here is my URL: http://www.savemybuck.co.nz/

 

I have been editing the padding numbers on the blockcart.css file but nothing changes when I do so. I'm not sure which file to edit to bring the search bar down in line with the logo? I want the same to be done with the cart box too. 

 

Really frustrating!

 

Thanks for your help. Will be buying your prestashop SEO booster over the next couple of days. 

[bside2234]

themes/default-bootstrap/css/modules/blocksearch/blocksearch.css and find

#search_block_top {
    padding-top: 50px;

Increase the padding to what you like.

 

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

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

 

Increase padding-top pixels

[Jignesh.aakoliya]

Moving search bar you can increase padding top for #search_block_top  in

themes/default-bootstrap/css/modules/blocksearch/blocksearch.css and find

#search_block_top {

1. padding-top: 100px;

}

 

To move cart button you can increase padding. shopping_cart in file
/themes/default-bootstrap/css/modules/blockcart/blockcart.css

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

Thanks