Jump to content
svabodesign

Header image on blog

Recommended Posts

svabodesign    0
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+    14
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    0
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+    14
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    0
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+    14
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    547
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    0
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    1,327
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    547
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    0
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    0
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    33
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    1,327
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

    • 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
    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • Queue-it
      By Queue-it+
      Hi,
      I am using pl-section-journey and hiding most of the images. When running the page via google speed insights, it tells to optimize all the images that are in this plugins default. (e.g. https://queue-it.com/wp-content/plugins/pl-section-journey/images/drawer-5.jpg ) Like this one that is not visible on the website, but is a part of the plugin and comes up in google insights.
      I've deleted all the images in the plugin, but they still seem to come up. Ref. this page: queue-it.com/features
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
×