Jump to content
svabodesign

Header image on blog

Recommended Posts

svabodesign

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 http://www.sailubju.com/blog/

Share this post


Link to post
Share on other sites
Henry Perkins

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. :)

Share this post


Link to post
Share on other sites
svabodesign

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

Share this post


Link to post
Share on other sites
Henry Perkins

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.

Share this post


Link to post
Share on other sites
svabodesign

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

Share this post


Link to post
Share on other sites
Henry Perkins

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.

Share this post


Link to post
Share on other sites
Rob

Okay. It seems there's some confusion going on here. Take a look at http://www.epicurus.com 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?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
svabodesign

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.

Share this post


Link to post
Share on other sites
Danny

Hi,

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Rob

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 http://www.epicurus.com, 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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
svabodesign

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 :)

Share this post


Link to post
Share on other sites
svabodesign

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?

Share this post


Link to post
Share on other sites
Jenny

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 Firebug for Firefox and check out W3 Schools for more info. Also please be sure to watch our Firebug video tutorial here.

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


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
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


  • Similar Content

    • Kedark
      By Kedark+
      Hello,
      I apologize for the trivial question, but I can not deal with it. How do I turn off the display of a distinctive image on the page? (I have to add it because I use plugins that use it), but as I display the page, I do not want it to be visible (and appears above the subject.).
      Probably a cliché but I can not deal with it. Therefore, a request for help.
      Regards
      RKA
    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
×