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

    • 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
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
×