• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Agency Pro background image creation

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Agency Pro background image creation

This topic is: not resolved

Tagged: agency-pro theme, background image, custom background cropping, fail

  • This topic has 13 replies, 4 voices, and was last updated 11 years, 5 months ago by Davinder Singh Kainth.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 29, 2014 at 3:51 pm #87737
    rutteger
    Member

    Hello All,

    Using the Agency Pro theme on a site. Like the aesthetic of the large background image but would prefer to use my own image,

    Can anyone advise what steps were taken to create this muted image? Sure I can get close myself, equally sure someone knows the exact steps...

    January 30, 2014 at 1:40 am #87776
    Davinder Singh Kainth
    Member

    Goto background section in WordPress Dashboard to upload own background image of your choice.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    February 4, 2014 at 4:41 am #88488
    rutteger
    Member

    Indeed, I'd managed to get that far.

    As per my OP I was after steps used to create this muted image from the studiopress stock one used. For example how much to change saturation, contrast etc.

    February 4, 2014 at 6:40 am #88496
    Davinder Singh Kainth
    Member

    Ohk, for that you would need some image editing skills. I can add that effect to image of your choice. Email me your image at iguiding AT gmail DOT com


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    February 4, 2014 at 7:03 am #88499
    rutteger
    Member

    Indeed, thanks for the offer of help.

    As per my OP I have the relevant tools and some would say the skills. Just wanted to know the steps used.

    February 4, 2014 at 7:50 am #88502
    Davinder Singh Kainth
    Member

    If you have Photoshop, then use Gradient overlay effect over the image layer - http://psd.tutsplus.com/articles/tools/gradient-overlay-layer-styles/

    Then play around with original image saturation and contrast.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    February 4, 2014 at 7:51 am #88503
    Davinder Singh Kainth
    Member

    Also try this online tool - http://www131.lunapic.com/editor/?action=tint


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    February 4, 2014 at 11:32 am #88569
    welshgirl
    Member

    I was wondering if I may hop on and ask my own related question please?

    I have a background image I have taken but annoyingly (!) it has a WHITE cloud right where the white home top text widget title goes and so it blends into the image and disappears!

    Where in the style sheet can I change the colour/color from white to black please? Can you please help?

    Many thanks.

    February 5, 2014 at 1:01 am #88716
    Davinder Singh Kainth
    Member

    Look for following code in style.css file

    .home-top .widget-title {
    color: #fff;
    font-size: 60px;
    font-size: 6rem;
    line-height: 1;
    border-bottom:dashed 1px #c1c1c1;
    display:inline-block;
    padding: 0 10px 5px 10px; margin-bottom:6px;
    }

    Above change white color code #fff in color:#fff; to color of your choice.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    February 5, 2014 at 4:06 am #88733
    welshgirl
    Member

    Dear Davinder I am SO grateful to you for your assistance. Thank you very very much. I changed it to black and it looks great!

    February 5, 2014 at 11:44 am #88792
    jonburr
    Member

    I've uploaded a background image.
    Uploaded background image
    I set it to tile vertically.
    Its size is 1500x72px

    This is what I see in the Custom Background dialog:
    Background shows in a little box, cropped

    What is going on?
    "Custom Background" seems to insist on cropping my image. This used to be simple.
    The site is here - Jon Burr's Blog

    February 5, 2014 at 2:42 pm #88822
    jonburr
    Member

    This is weird and unwelcome behavior...

    When I upload a full-size version of the background, it appears... but, instead of being able to serve a small file and tile it, Agency Pro seems to insist on a full-size background - assuming that any file brought into the "customizer" is intended to be full-page.

    Is this Agency Pro doing this, Genesis, or Parker? What happened to the Custom Background feature?

    The coding somewhere doesn't allow for the possibility of a tile.

    Is this a good idea, Studiopress - when page load times are SEO criteria in a competitive environment? You're insisting that I add several hundred k to my data load and defeat traditional web functionality in the process? You should at least include an option to disable the javascript. Why is javascript pulling from a cache even when the image is deleted? Where is the cache and how can I get rid of it?

    I tried deleting my custom background and adding it from css... which works in Chrome, but in Safari and Firefox, Agency Pro digs the initial image out of a cache somewhere and plasters it over my background - even after I deleted it. This is after emptying the caches on the browser. How can I defeat this?

    I enjoyed coding in Agency, but Agency Pro is getting too cool for school and creating headaches for designers like myself who are not expert at javascript forensic analysis. If you're going to add functionality like this, which for many applications is admittedly cool, you should include a way to make it optional.

    The microdata markup and HTML5 features are great - but you shoot yourself in the foot requiring large background images. Load times count.

    February 5, 2014 at 4:27 pm #88845
    jonburr
    Member

    Sorry for overposting. I got frustrated.

    I have WP SuperCache installed, and although it was deactivated, its static pages were still in its cache and that's why I was seeing my new background overwritten. I had to reactivate it, and use its controls in /Settings to delete the cached pages it had created.

    My beef about Custom Backgrounds, that they don't accommodate tiled images, is valid.
    but, I found out that the workaround is this:

    If there's an image in Custom Backgrounds, delete it! and set the background image in the body selector as a background-image property in the css (near line 147). Background-repeat: repeat-y; needs to be set as well.

    February 6, 2014 at 12:30 am #88912
    Davinder Singh Kainth
    Member

    Yes, the tiled option in background image page does not seem to work. There is workaround to use tiled image:

    1. Remove background image from background image page settings.
    2. Open style.css file and look for body class. Add background image line of code to it like following (change the image name)

    body {
    background: url(images/bg1.png) repeat-y;
    color: #666;
    font-family: 'Open Sans', Arial, serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.625;
    }


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble