Jump to content


Photo
- - - - -
Resolved

Header image on blog

header image

  • Please log in to reply
16 replies to this topic

#1 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 15 September 2012 - 06:19 PM

I think it's called header image what I'm trying to do. As you can see on the site the is not background picture not a good idea. So I am insted gonna use the image as a header. And I keep the rest in white so the posts can be read easier. Where and how can I change it?

Site is

Please Login or Register to see this Hidden Content



#2 Henry Perkins

Henry Perkins

    Friendly Contributor

  • Members
  • 197 posts
  • LocationAustin, TX
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 15 September 2012 - 06:47 PM

You can change the header image by going to:

PageLines > Site Options > Website Setup

Once there it's the first option you see. Upload the appropriate image and you're all set. :)

#3 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 15 September 2012 - 07:07 PM

Oh yeah, there I see it :) But won't the logo disappear? Can I have both header image and logo?

#4 Henry Perkins

Henry Perkins

    Friendly Contributor

  • Members
  • 197 posts
  • LocationAustin, TX
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 15 September 2012 - 07:13 PM

Can you clarify the difference between header image and logo in this instance? I do understand the difference in general. :P

Also, I agree, I would change the background image as it is very busy and makes the text hard to read.

#5 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 15 September 2012 - 07:38 PM

ok hehe,., well my client want the image I'm using as a background right now but just on the top,. like on the facebook profile where there is a image right next to the profile. So on the blog page, 1/4th of the image should be used. Being on top of the page. Maybe it's not called header image what I'm trying to to :P

#6 Henry Perkins

Henry Perkins

    Friendly Contributor

  • Members
  • 197 posts
  • LocationAustin, TX
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 15 September 2012 - 08:04 PM

Ah, I see!

What you'll want to do is make the image you're using as a background a bit smaller (height wise), and then upload that as the background image in:

PageLines > Site Options > Color Control > Site Background Image

Make sure you select "Fixed" and placement is at the top.

#7 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 15 September 2012 - 08:45 PM

I did what you said, but the image is not on the top plus when I'm scrolling the image follows

Please Login or Register to see this Hidden Content



How do I set so the placement is at the top?

#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 September 2012 - 11:24 PM

Okay. It seems there's some confusion going on here. Take a look at

Please Login or Register to see this Hidden Content

and you'll see a background that's neither set to scroll or be fixed. It is fixed by location (vertical set to 0, horizontal set to 50). The background must either be large enough to fill the canvas or you have to set the tile mode.

You appear to have the background set as "Fixed". Leave that setting as --SELECT-- to keep the background in place.

I notice that the body of your content is set to the left. Did you really want it that way? Did you really want dark text on a dark background color or on a rather busy background image?

#9 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 16 September 2012 - 08:11 AM

I did the changes but it remains the same. I also changed so the body of the elements is both right and left side. What I'm trying to do on the blog page is having the image on top, center of the page. Under the image the blog posts are gonna be on white background, and the blue color are gonna surround everything.

#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 13067 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 September 2012 - 11:10 AM

Hi,

Can you provide a concept image of how you would like your website to look please.

#11 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 16 September 2012 - 03:23 PM

Posted Image


Here is what I was thinking, the main page look ok it is just this blog page that is a problem. Blog is

Please Login or Register to see this Hidden Content



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 September 2012 - 09:06 PM

What time zone are you in? I think we need to do a screen sharing session to help you resolve this.

On a graphics note, while I understand your client's desire to have that header background, the branding logo (logo) has to coordinate with the size you want for the background and it has to somehow 'offset' from the background. If you look again at

Please Login or Register to see this Hidden Content

, you'll see how the logo is transparent and of a certain size. There's 25px padding above and below making sure that it stretches out the space to a total of 140px, so that the background is visible clearly. You'll also see that it's white with a grey shaded outline, so no matter what 'busy' background I use, the logo always stands out. The logo I saw the other day was simply black script. That will not properly stand out on a colorful background.

The positioning of your background remains in the wrong locations, so I'm unsure why that's happening. Also you still have the settings allowing the content to scroll over it. This is primarily why we need to do a screenshare.

#13 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 16 September 2012 - 10:52 PM

I live in Norway so my timezone is Central European time. I think it is London +1 hour. Screen sharing sounds lika a good idea. I can stay up late or get up early if it needs too.

I finally got the image on top and not scrolling. The blog posts is over the image though, can I fix it by coding or do I need to crop the image more? And is it possible to have white background under the image?

I really appreciate all the help :)

#14 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 17 September 2012 - 01:59 PM

I guess this topic is solved. But is it possible to have the middle part of the page white and the sides have another color?

#15 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 17 September 2012 - 03:27 PM

You will need to add a couple CSS elements to make this work like adding a background color to the sidebars.

Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded

Please Login or Register to see this Hidden Content

and check out

Please Login or Register to see this Hidden Content

for more info. Also please be sure to watch our Firebug video tutorial

Please Login or Register to see this Hidden Content

.

If your site requires customization, you may wish to consider requesting a quote from one of our authorized Professional designers by visiting

Please Login or Register to see this Hidden Content

.

#16 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 17 September 2012 - 04:23 PM

Good advice, thank you :)

#17 Danny

Danny

    Is Awesome!

  • Moderators
  • 13067 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 September 2012 - 08:14 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, header, image