Forum Support

Shape 5
March 29, 2024, 02:24:33 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: Extending header area  (Read 984 times)
razvan
Jr. Member
**
Offline Offline

Posts: 8



« on: March 24, 2011, 11:33:08 AM »

Hello,

I have a small problem , I have changed the orange color with an image just that I want it to go up to the top, I've shrunken the  s5_bg.png but I can't mange to extend it up to the top. What can I do ?

I've also tried from the css file from the padding but no result.

Hope you can help me.

Thanks.
Logged
razvan
Jr. Member
**
Offline Offline

Posts: 8



« Reply #1 on: March 28, 2011, 04:19:37 AM »

No ideas ?  Sad
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #2 on: March 28, 2011, 07:41:30 AM »

Hello,

Please post a url of where this occurs so I can see it visually.
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
razvan
Jr. Member
**
Offline Offline

Posts: 8



« Reply #3 on: March 29, 2011, 02:45:44 AM »

Here :  http://imoblex.ro/director/

And as you might see the image that I have right now doesn't go up to the top. I would like to have one single image in the background, so s5_bg.png should dissapear. Hope you understand what I'm trying to say  Cheesy
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #4 on: March 29, 2011, 07:27:19 AM »

Hello,

I am not totally understanding what you are trying to do, because the header is going to be in the way of moving it to the top. Adding the following css to the bottom of template.css will move your image up and then just apply a height to the image as well.

.s5_highlight_row_2 {
height:500px;
margin-top:-300px;
}

Just adjust the sizes of each. Not the margin top is negative.
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
razvan
Jr. Member
**
Offline Offline

Posts: 8



« Reply #5 on: March 30, 2011, 02:04:09 AM »

This is what I wanted just that I have one small problem, I want just the first image to be up to the top, i want the second image to remain just as it was before.

http://imoblex.ro/director/
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #6 on: March 30, 2011, 07:28:52 AM »

Hello,

Sorry, I can't think of a way to do that because of the new layout of the row with the css I posted above.
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
razvan
Jr. Member
**
Offline Offline

Posts: 8



« Reply #7 on: March 30, 2011, 01:30:28 PM »

So there is no way I can make it work ?
Even if the second image( the one near to the footer) is gone is still ok.
« Last Edit: March 30, 2011, 01:35:45 PM by razvan » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #8 on: March 30, 2011, 01:57:19 PM »

Hello,

I am sorry I cannot think of a way to do that, it would require a new layout for the header.
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
razvan
Jr. Member
**
Offline Offline

Posts: 8



« Reply #9 on: April 01, 2011, 06:14:52 AM »

Ok,

Thank you anyway.
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.