picture problem in top1 position

GK User
Fri Dec 23, 2011 2:36 am
Hi my website http://www.in2town.co.uk is having a problem with the picture in position top1. the trouble i am having is, the black section of the picture with the writing on is covering part of the picture which in some cases covers part of the face. can anyone please let me know if there is a solution to this please
User avatar
Platinum Boarder

teitbite
Fri Dec 23, 2011 1:48 pm
Hi

You can move the header to the bottom part using this css:

Code: Select all
div.header .nsp_header {
    bottom: 0;
    top: auto;
}
User avatar
Moderator

GK User
Fri Dec 23, 2011 1:52 pm
Hi,

You can try this solution:

- Open file: /css/template.css

- Add:
Code: Select all
div.header .nsp_header{
opacity: 0.5;
}


Then let me know if it helps. Thanks!
User avatar
Platinum Boarder

GK User
Mon Dec 26, 2011 3:51 am
Don Lee wrote:Hi,

You can try this solution:

- Open file: /css/template.css

- Add:
Code: Select all
div.header .nsp_header{
opacity: 0.5;
}


Then let me know if it helps. Thanks!


hi don i cannot find this line in the template, i have tried the template.css but nothing is there that looks similar to the above
User avatar
Platinum Boarder

GK User
Mon Dec 26, 2011 8:20 am
Hi,

You must add the code to that file, I did not tell you to find it!
User avatar
Platinum Boarder

teitbite
Wed Dec 28, 2011 3:02 am
Hi

Please try keep all changes in override.css file (remember to allow using it in template settings), this way it will be easier to handle template updates.
User avatar
Moderator

GK User
Fri Dec 30, 2011 2:54 pm
teitbite wrote:Hi

Please try keep all changes in override.css file (remember to allow using it in template settings), this way it will be easier to handle template updates.


hi i have added this to the template file as suggested but nothing has changed, please see http://www.in2town.co.uk also not sure what you mean by the override css. i know where it is but not sure what you want me to do with it. any help would be great
User avatar
Platinum Boarder

teitbite
Fri Dec 30, 2011 9:02 pm
Hi

There is no visual change because cache has not allowed the new code to work. Please disable cache and clear it.

Override.css file is a separate file for changes. It's empty as standard and all css changes should be placed there to avoid problems with template update and possible overwritting the changes. But to use this file in project You need to allow that in template settings in developer section.
User avatar
Moderator

GK User
Sat Dec 31, 2011 12:23 am
teitbite wrote:Hi

There is no visual change because cache has not allowed the new code to work. Please disable cache and clear it.

Override.css file is a separate file for changes. It's empty as standard and all css changes should be placed there to avoid problems with template update and possible overwritting the changes. But to use this file in project You need to allow that in template settings in developer section.


Thanks it looks great, many thanks for your help
User avatar
Platinum Boarder

GK User
Sat Dec 31, 2011 12:24 am
in2town wrote:
teitbite wrote:Hi

There is no visual change because cache has not allowed the new code to work. Please disable cache and clear it.

Override.css file is a separate file for changes. It's empty as standard and all css changes should be placed there to avoid problems with template update and possible overwritting the changes. But to use this file in project You need to allow that in template settings in developer section.


Thanks it looks great, many thanks for your help


so just to get this right as i am not very technical, i should add the code you give me to the overwriting file as well. sorry about this but i am new to this.
User avatar
Platinum Boarder

teitbite
Mon Jan 02, 2012 7:50 am
Hi

Yes. Any css changes should be dealed as an overwritting (or a new stye) of existing classes and placed in override.css. This way during the update of template You will just need to keep this one file.
User avatar
Moderator


cron