Text widget & top header reduction

Hi there,
Me again sorry to bother you guys.

I have three questions:-
Website is:- http://www.beautyroomscrosby.co.uk/
The top of the header is too chunky, I want to make it a little thinner(the white bit). Not sure how to do that.

The second is I have three images using the Text widget and I want them to have url hyperlinks on them. And I am not sure about the code. The code is:-<img src="[pageurl]/wp-content/themes/ShopAndBuy/images/demo/banner6.png" alt="Banner Centre" />

Or am I using the wrong widget for the job? Like I say just want three images which have active hyperlinks.

Thanks in advance.

1. To make header smaller (reduce its height):
Please edit: wp-content/themes/ShopAndBuy/css/override.css

Code: Select all

#gk-head {
padding: 40px 0 0 0;
}


Use the first number to set new height.

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

2. The links:

Code: Select all

<img src="[pageurl]/wp-content/themes/ShopAndBuy/images/demo/banner6.png" alt="Banner Centre" />


This will generate only image. If You would like to make it clickable, modify the code to:

Code: Select all

< a href="#"><img src="[pageurl]/wp-content/themes/ShopAndBuy/images/demo/banner6.png" alt="Banner Centre" /></a>


and replace # with the link to target site.

1. To make header smaller (reduce its height):
Please edit: wp-content/themes/ShopAndBuy/css/override.css

Code: Select all

#gk-head {
padding: 40px 0 0 0;
}


Use the first number to set new height.

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

Thanks very much. Where about do I change the code, in the editor within Wordpress?

You could try to use override edit box, but its safer to turn on use of override.css file and edit file via ftp:
/wp-content/themes/ShopAndBuy/css/override.css

1. To make header smaller (reduce its height):
Please edit: wp-content/themes/ShopAndBuy/css/override.css

Code: Select all

#gk-head {
padding: 40px 0 0 0;
}


Use the first number to set new height.

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

Hi there,
I couldnt find the css file within the Wordpress editor. So I downloaded the overide.css file with FTP. I have this code on the css. I edited the file with Word, but didnt save it as a doc file.

/**
*
* -------------------------------------------
* Override
* -------------------------------------------
*
**/

/*
*
* 16. Override
#gk-head {
padding: 30px 0 0 0;
}

------------------------------------ */

/* 16.1. Overrided elements
==================================== */

Now when preview the website, it doesnt seem to of made any difference?

Cheers.

Always paste elements at the end of override.css:

Code: Select all

/**
*
* -------------------------------------------
* Override
* -------------------------------------------
*
**/

/*
*
* 16. Override
------------------------------------ */

/* 16.1. Overrided elements
==================================== */
#gk-head {
padding: 30px 0 0 0;
}


The way you did it was placing it in comments section, so the code was commented out.