Forum Support

Shape 5
March 29, 2024, 07:11:36 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Center background image  (Read 1106 times)
kiwinterri
Jr. Member
**
Offline Offline

Posts: 51



« on: August 10, 2010, 11:18:13 PM »

Hi i want to center the background image on this template and do not want it to repeat

I believe this is the code I need to edit? Can you please re-write this to center the background image.

<body style="background:<?php echo $s5_backcolor; ?> url(<?php echo $s5_headerback; ?>) repeat;">
<div style="background:transparent url(<?php echo $s5_backimage; ?>) repeat-x;">


Also for the right module I need a transparent background - is this the css to edit? - s5_whitemodrightwrap
How would I go about this

cheers
Logged
kiwinterri
Jr. Member
**
Offline Offline

Posts: 51



« Reply #1 on: August 10, 2010, 11:42:42 PM »

Hi guys, I also need to take out the header where the top navigation is displayed, is this going to be hard? or a nightmare?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #2 on: August 11, 2010, 12:00:56 PM »

Hello,

Here are the changes that need to be made:

<body style="background:<?php echo $s5_backcolor; ?> url(<?php echo $s5_headerback; ?>) no-repeat center top;">
<div style="background:transparent url(<?php echo $s5_backimage; ?>) no-repeat center top;">

To remove the top menu you'd have to look for "<div id="s5_topmenubar">" in your index.php file and remove all contents in between this and the ending div tag.

And to remove the right side background add the following to the bottom of your template css file

.s5_whitemodleftwrap {
background:transparent;}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
kiwinterri
Jr. Member
**
Offline Offline

Posts: 51



« Reply #3 on: August 12, 2010, 10:33:32 PM »

thankyou for your help
Logged
12flamingo
Jr. Member
**
Offline Offline

Posts: 76



« Reply #4 on: March 03, 2011, 10:05:31 AM »

In which file is the code to edit the bagground found?

thanks in advance
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: March 03, 2011, 03:40:06 PM »

The index.php file included in the template
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.