Horizontally Center Front Page Images?

Homepage › Community Forums › Aspire Theme Support › Horizontally Center Front Page Images?

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 15, 2017 at 10:59 am #20878
    Kelly
    Customer

      How do you horizontally center the front-page images so that they stay centered on smaller, mobile devices?

      March 17, 2017 at 10:34 pm #20911
      Jason M
      Customer

        I would highly recommend either Googling or searching a site like stackoverflow for HTML/CSS related questions. I’ve learned quite a lot of css tricks from stackoverflow.

        Here is a link that should help you with that – http://stackoverflow.com/questions/12609110/responsive-css-background-images You may need to add those solutions in your Mobile/Responsive area in your css file, and you’ll probably need to add !important

        March 18, 2017 at 1:44 pm #20917
        Kelly
        Customer

          Hey Jason, I asked the folks at StudioPress about this and they said I need to consult the theme developer (i.e. Wes).

          Hey Wes, if you’re watching these threads throw me a bone. 🙂

          March 18, 2017 at 1:46 pm #20918
          Kelly
          Customer

            Here is a link that should help you with that – http://stackoverflow.com/questions/12609110/responsive-css-background-images You may need to add those solutions in your Mobile/Responsive area in your css file, and you’ll probably need to add !important

            BTW, thanks for the link Jason. That looks like a good resource. I typically use this site for CSS/HTML related issues: https://www.w3schools.com/css/default.asp

            March 18, 2017 at 2:04 pm #20919
            Kelly
            Customer

              This code does the trick:

              background-size: 100%, 100%;
background-repeat: no-repeat;
background-position: center;

              But, when I apply the code there is a large gap above and below the scaled down image. I think this is being controlled by the fp1 image-section div, but I can’t make it flexible.

              March 29, 2017 at 12:54 am #20992
              Kelly
              Customer

                Okay, the code I listed above didn’t work. I’m currently searching for another solution.

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.