Home page images Version 1.1.2

Homepage Community Forums Aspire Theme Support Home page images Version 1.1.2

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #18053
    doug1777
    Customer

      The home page images no longer fill the screen at higher resolutions such as a 1920px resolution. It appears that “background-size: cover” has been commented out for some reason in the most recent theme, version 1.1.2. You can view the demo site as an example.

      #18060
      Eric
      Customer

        It looks like he’s been working on it. I did see he mentioned something about another update coming soon, so that will probably be one of the fixes. I looked at the demo and it currently fills the entire screen.

        This is the code you were referring to…..which seems to be fixed and different than what’s in 1.1.2 (which is why I assume he’s making an update to that part) –

        .front-page-1,
        .front-page-4,
        .front-page-5,
        .front-page-7,
        .front-page-9,
        .front-page-12 {
        	/*background-attachment: fixed;*/
        	background-position: 50% 0;
        	background-repeat: no-repeat;
        	-webkit-background-size: cover;
        	-moz-background-size:    cover;
        	background-size:         cover;
        }

        Changing the background size to cover seems to do the trick for larger monitors.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #18063
        doug1777
        Customer

          Thank you. The images in the demo fill the screen as long as you are using a lower resolution monitor. On a 1920px resolution monitor, there is a 60px gap on each side. Below is the styling from Version 1.1.2. I plan to just uncomment the background-size property. Just pointing out the issue in case fixes are being pushed out.

          .front-page-1,
          .front-page-4,
          .front-page-5,
          .front-page-7,
          .front-page-9,
          .front-page-12 {
          	/*background-attachment: fixed;*/
          	background-position: 50% 0;
          	background-repeat: no-repeat;
          	/*-webkit-background-size: cover;
          	-moz-background-size:    cover;
          	background-size:         cover;*/
          }
        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.