Altitude Image Widget Question

[calamityjabes]

I would like to know how to apply a background image to any of the widgets (featured sections). Currently i can only do so to sections 1, 3, 5, and 7. i would however like to apply one to ALL 1-7.

Could one of you gurus point me in the right direction? 🙂

[James]

Hi

this requires some modifications to theme themes files and customizer

please let me know what level of experience you have with modifying theme files so i can share the info on how to do this for you.

[EliteGD]

Hi Jamie, I'm working with Calamity on this one and i have some and i was able to get it to register so that you can apply it but it's not bringing in the background images after we browse and apply them.

The website we are working on is http://gigabitbacon.com/

In Front-page.php for 2, 4 and 6 I altered the

<div class="solid-section">
to
<div class="image-section">

Inside customize.php

I added to the array
$images = apply_filters( 'altitude_images', array( '1', '2', '3', '4', '5', '6', '7' ) );

So when we go to Appearance, Customise, Front Page Background Images -
We can now browse for images for all sections but they aren't displaying the background images they are just showing the default gradient as if there was no image.

When I inspect i see the inline css bringing in

<style id="altitude-pro-theme-inline-css" type="text/css">
.front-page-1 { background-image: url(//gigabitbacon.com/wp-content/uploads/2015/05/bg-1.jpg); }.front-page-3 { background-image: url(//gigabitbacon.com/wp-content/uploads/2015/05/90860_c6ef4e013a65138a6093b229f803a5b1.jpg); }.front-page-5 { background-image: url(//gigabitbacon.com/wp-content/uploads/2015/05/android-boot-logo_634639.jpg); }.front-page-7 { background-image: url(//gigabitbacon.com/wp-content/uploads/2015/05/potbelly-pig-lounging-615.jpg); }
</style>

However it's not grabbing the ones for Featured Section 2 that we browsed for and applied.

[EliteGD]

Oh I found my problem inside output.php

I missed

$opts = apply_filters( 'altitude_images', array( '1', '2', '3', '4', '5', '6', '7' ) );

This was still 1,3,5,7

[James]

yep, that's it

and you can change the class in front-page.php for those 7 sections from 'content-section' to 'image-section' if you want each one of those 7 sections to act the same

[calamityjabes]

thanks EliteGD this worked awesome!

[Author]

Posts