Graphene Themes Forum

Graphene Themes Forum

Community support for Graphene themes

  • Home
  • Register
    • Reset password
  • Contact Us

Home › Forums › Graphene WordPress theme › Support

Header two background images

  • cluborange

    February 13, 2012 at 5:09 pm #3250

    Hey guys, just another question from just another noobish user (meself).

    In graphene theme, latest version, you can upload a header image in theme options. I did that, but found that my header is like 100kb, which cannot be good for slow modems, SEO, etc.

    As my header consists of a gradient, I created a small, narrow gif file, which would tile up to achieve the same result of a gradient. To do this, I had to vary the header.php file, by removing one php code block (I think about pulling the header image from the options- I don’t know any php), and manually typing in the url of my image and telling it to repeat-x. This worked.

    However, my header design also consists of a small logo, which I want to be placed in the middle of the header. So far, I’ve failed to put it in place… Preferably, it must be part of the header background, not an image you can copy and paste, but it doesn’t really matter if that’s not possible… Would anyone have any solution? Or would I have to upload the huge header anyway? It must be a common enough question. I appreciate your response in advance, thanks!

    Anonymous

    February 14, 2012 at 3:14 am #23945

    Enable header widget or use graphene_header action hook and put an image using any text widget or image widget. Then position it using CSS.

    Mod

    Kenneth John Odle

    February 14, 2012 at 7:59 pm #23946

    I did that, but found that my header is like 100kb, which cannot be good for slow modems, SEO, etc.

    Actually, this is not too bad, considering I’ve been on sites that have 1.3 MB background images. Needless to say, I didn’t stay there long.

    You can control the size of an image by using the “export” or “export for web” function in most image editors. Actually, a .png file (your best bet — forget .gif or .jpg), with a slight gradient and a small logo, shouldn’t be that large a file. Try using the export and playing around with the settings.

    Anonymous

    February 14, 2012 at 8:28 pm #23947

    If you use Photoshop, you can use the “posterize” feature to reduce file size… then save as a .png

    Image -> Adjustments -> Posterize

    The more you reduce, the fewer colors you are using in your image… so you do lose SOME quality. However, I can usually reduce my file sizes by half without any significant loss in quality.

    Anonymous

    February 15, 2012 at 4:04 am #23948

    Use smush.it plugin to optimise the uploaded images.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.
Log In

Account

Log In
Register Lost Password

Search Forums

Priority Support

This free Support Forum relies on contributions from our support staffs and fellow Graphene themes users. While we endeavour to provide adequate and timely support, due to its voluntary nature responses are not guaranteed and may be delayed.

If you require urgent assistance, you may like to consider our Priority Support option.

Get Priority Support

Forums

  • Graphene WordPress theme
  • Graphene Mobile
  • Graphene Mobile Neo
  • Franz Josef

Recent Topics

  • bug from 7.4 PHP version to 8.1 PHP version
    5 days ago
  • Widget Breite geht nicht bis zum rechten Rand
    2 weeks ago
  • How do I position an image at the top of a widget area.
    1 month ago
  • Mastodon (Social Media Profile)
    2 months ago
  • How to set template for search results page
    2 months ago

Made with by Graphene Themes.