Altitude Pro Background Images

[bluebird]

Hi,

I am having a difficult time locating the CSS for the front page background images in Altitude Pro.

Could someone help me solve this? I would like for the images to be mobile responsive.

Thanks in advance to anyone who can help!

[Brad Dalton]

Starts on line 1391 for front page widgets which include the classes

.image-section,
.solid-section,
.front-page-1,
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7

Also look in lib/output.php

---

Tutorials for StudioPress Themes.

[bluebird]

Hi Brad,

Thanks for responding! I tried adding this code to output.php yesterday:

.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {

	        background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		background-attachment: fixed;
	
	            @include bp(tabletMobile2nd ){
	                background-position: 30% 0;

	                }

      }

...and while it has improved the positioning of the image in mobile view, the background-size: cover does not appear to be making the image(s) responsive for some reason. I even tried to add in media queries that load separate images @ different viewport widths, but the images were still not responsive.

I'm scratching my head on this one, for on Centric Pro (and on other non-WP sites) this technique seems to work just fine.

I wonder what I'm missing.....

Cheers:-)

[Author]

Posts