Community Forums › Forums › Archived Forums › General Discussion › Agency Pro background image creation
- This topic has 13 replies, 4 voices, and was last updated 10 years, 2 months ago by Davinder Singh Kainth.
-
AuthorPosts
-
January 29, 2014 at 3:51 pm #87737ruttegerMember
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 #87776Davinder Singh KainthMemberGoto 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 ThemesFebruary 4, 2014 at 4:41 am #88488ruttegerMemberIndeed, 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 #88496Davinder Singh KainthMemberOhk, 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 ThemesFebruary 4, 2014 at 7:03 am #88499ruttegerMemberIndeed, 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 #88502Davinder Singh KainthMemberIf 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 ThemesFebruary 4, 2014 at 7:51 am #88503Davinder Singh KainthMemberAlso 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 ThemesFebruary 4, 2014 at 11:32 am #88569welshgirlMemberI 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 #88716Davinder Singh KainthMemberLook 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 ThemesFebruary 5, 2014 at 4:06 am #88733welshgirlMemberDear 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 #88792jonburrMemberI've uploaded a background image.
I set it to tile vertically.
Its size is 1500x72pxThis is what I see in the Custom Background dialog:
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 BlogFebruary 5, 2014 at 2:42 pm #88822jonburrMemberThis 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 #88845jonburrMemberSorry 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 #88912Davinder Singh KainthMemberYes, 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 -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.