Community Forums › Forums › Archived Forums › Design Tips and Tricks › Different background pictures on Minimum Pro child theme
Tagged: minimum pro background
- This topic has 7 replies, 2 voices, and was last updated 6 years, 9 months ago by Victor Font.
-
AuthorPosts
-
June 12, 2017 at 5:47 am #207641EvaaMember
Hi!
I'm using the Minimum Pro child theme and have set it up to display a background image on the HOME page.Now when I create a new landing page it uses the same background image - how can I change that? Ideally I would be able to have multiple landing pages and set a "new/different" background image for each.
Is anybody able to help me out?
Thank you so much in advance!!
June 12, 2017 at 6:38 am #207647Victor FontModeratorLink to site please.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?June 12, 2017 at 6:57 am #207649EvaaMemberhttp://the-flow-principle.com/
I have taken it off maintainance mode for you to see.
June 12, 2017 at 8:10 am #207650Victor FontModeratorWhen you say "background image" are you speaking of the main image just below the header? A true background image covers the entire page and is behind all of the elements on a page. It basically functions as a wall paper. I don't see a background image on your site.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?June 12, 2017 at 8:20 am #207652EvaaMemberIn the Minimum Pro the main image on the Home page (my head + the text "Alignment....) is called background image if I remember correctly... but I might be wrong here.
It's that same image that turns up behind any new landing page I create - like this one http://the-flow-principle.com/yps/
I like how the home page looks - but want a way to change the background image on my landing page.
June 12, 2017 at 1:28 pm #207664Victor FontModeratorOkay, I see what's happening. This is going to be tricky because the landing page is setting the background image as a jQuery variable.
If you look at page_landing.php, line 34 is:
wp_localize_script( 'minimum-backstretch-set', 'BackStretchImg', array( 'src' => get_background_image() ) );
This is saying that when the system loads minimum-backstretch-set.js, that it sets the source of the BackStretchImg variable to whatever image is defined as the background image in the customizer.
You would have to write a new function and call it from localize script instead of get_background_image(). You would also use a custom field on each of your landing pages to store the url of the background image. The new function would check for the existence of the custom field. If it exists and is populated, it would use that value as the background image, otherwise it would default to the normal background image.
If you are not a developer, you should probably think about hiring one for this task. For someone with the experience, you'll probably pay for an hour, less experience, will take longer, but at least you know what needs to be done to meet your requirement.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?June 13, 2017 at 1:18 am #207678EvaaMemberThis reply has been marked as private.June 13, 2017 at 3:24 am #207685Victor FontModeratorEvaa, nobody can see private replies except forum moderators. If you want to reply to me privately, please use the contact form on my website.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet? -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.