Forum Support

Shape 5
April 23, 2021, 08:31:37 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: Centering logo, setting width to FLUID  (Read 666 times)
gene
Jr. Member
**
Offline Offline

Posts: 4



« on: September 27, 2009, 03:44:17 PM »

I would like to make the logo centered and change to fluid width.  Is that possible in this template?

http://essecopia.org/

Thank you

Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: September 28, 2009, 08:17:10 AM »

Hi, this is the only way I can think of doing it:

1. At the bottom of your light.css file add:

#s5_header_holder {
height:257px;
}

#s5_header_tools {
margin-top:257px;
}

2. At the bottom of your template_css.css file add:

#s5_header a img {
position:absolute;
left:50%;
margin-left:-400px;
}
Logged

Mike Knott
------------
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
gene
Jr. Member
**
Offline Offline

Posts: 4



« Reply #2 on: September 28, 2009, 02:57:12 PM »

Mike,

Thank you for your quick response.

That works well for the logo.  I changed the light.css mod to 230px. in both places.

Can we get rid of the white padding at the left and right edges of the header tools holder? Or, better yet, add padding to the background to match the header tools holder.

If it's a lot of work, I can live with it as it is. 

Thanks again

-gene
« Last Edit: September 28, 2009, 03:45:44 PM by gene » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: September 29, 2009, 08:52:38 AM »

The white borders are on light.css at line 82 find:

#s5_date {

and remove the border-right and border-left lines.
Logged

Mike Knott
------------
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
gene
Jr. Member
**
Offline Offline

Posts: 4



« Reply #4 on: September 29, 2009, 01:15:01 PM »

That works.

Is it possible to add a border or padding to the left and right of the background image (s5_main_bg.jpg) to match the page edges?

Thanks
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: September 29, 2009, 01:27:00 PM »

Hello, sorry you can't add paddings to backgrounds.
Logged

Mike Knott
------------
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
gene
Jr. Member
**
Offline Offline

Posts: 4



« Reply #6 on: September 29, 2009, 01:50:51 PM »

Thank you for all your help.

-gene
Logged
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.