Jump to content

Help! Modifying Theme Black&White;(Intergration with site)


Recommended Posts

Hello,

I am currently in the process of setting up a site and would like to customise the 2Link theme, Black and White. Basically I have a site layout, and would just like to stick that on top, in the white content section, if that makes sense.
I have uploaded a picture of the layout. What I really need to know is how to adjust the width of that theme, and to move the whole theme down, whilst maintaing the links etc on the initial background i uploaded.
Thank You,

Ommy

25583_mt5bP8ExxBOqCPKHGFsU_t

Link to comment
Share on other sites

You should be able to achieve what you require by editing global.css in yourtheme/css directory

regards



Chris


In the global css, I could not find an overall width. Could you please help me to find it? Sorry, I'm a totally new to this!And in what part would I put the uploaded image, can someone write some code for me please?
Link to comment
Share on other sites

Just had a quick look at the b&W;theme and it has no central container, so the easist way would be to wrap the whole page in a containing div then you will be able to centre and set the width of that div

it would mean editing two files, header.tpl and footer.tpl in your theme directory

first of all edit header.tpl


find

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}



and change to

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}



change it to



    {/if}
</body>
</html>




then you can edit global.css and add the following

#wrapper {
margin: 0 auto;
width: 650px;
padding-top: 150px;
}




obviously you will nedd to adjust the width and padding to suit your needs


regards



Chris

Link to comment
Share on other sites

Just had a quick look at the b&W;theme and it has no central container, so the easist way would be to wrap the whole page in a containing div then you will be able to centre and set the width of that div

it would mean editing two files, header.tpl and footer.tpl in your theme directory

first of all edit header.tpl


find

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}



and change to

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}



change it to



    {/if}
</body>
</html>




then you can edit global.css and add the following

#wrapper {
margin: 0 auto;
width: 650px;
padding-top: 150px;
}




obviously you will nedd to adjust the width and padding to suit your needs


regards



Chris



Thanks Chris,

And how would I add the extra background? What files would I need to edit, and how could I keep the navigation on that too?
Link to comment
Share on other sites

you could include the image as background to the body tage,

but to be honesty its going to be a real struggle to get it tom work with the black and white theme, as this is quite a complicated theme just looking at it quickly and there is an awful lot you are going to have to alter


regards



Chris

Link to comment
Share on other sites

you could include the image as background to the body tage,

but to be honesty its going to be a real struggle to get it tom work with the black and white theme, as this is quite a complicated theme just looking at it quickly and there is an awful lot you are going to have to alter


regards



Chris


Could you reccomend another White EXTREMLEY simple looking theme I could use?

Thank You,

Ommy
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...