FP 1 Text Layout

Homepage Community Forums Aspire Theme Support FP 1 Text Layout

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #19115
    Bruce
    Customer

      Hi Folks,

      I have a site I’m testing at redtraindigital.com and I’m getting weird results with the Front Page 1 Widget text placement.

      On some displays it’s perfectly centered but on others it’s right at the very bottom of the widget, beneath the FP2 Widget block.

      Has anyone found a solution to this?

      Thanks!

      #19116
      kronos
      Customer

        What size are the displays that show it at the bottom of the widget?

        Is it possible to send a screenshot so I can see what you’re seeing? It’s showing up fine on my browser, but I’m using a larger monitor. It may show up differently on a laptop or tablet.

        Also, just so you know, the intent of the design in this theme was to keep the front-page-1 widget blank so it can show the background image…..however, you can still add text and other content, but you’ll need to make a small adjustment to override it. Example – https://appfinite.com/theme-setup/aspire-theme-setup/#fp1 It’s still doable, I just need to load it up on whatever device size you’re using.

        #19117
        Bruce
        Customer

          Hi kronos,

          Thanks for the help. I knew it was designed for just a picture but, I had hoped maybe there was a solution.

          I’ve got a screenshot of the site on a 30″ display here in the office but I can’t work out how to attach it here to my post.

          The text is tucked in behind the FP2 widget but you can still see the top of it.

          Also, I’ve added a bunch of line breaks under the text but it still doesn’t push it up enough.

          Thanks for any suggestions you can offer.

          All the best,

          Bruce

          #19118
          Bruce
          Customer

            Here you go, I just uploaded the screenshot to my site so I could grab a link for it.

            RedTrain Digital Screen Shot

            #19135
            Bruce
            Customer

              Any updates on this @kronos? You mentioned there is a small adjustment to override something and you were going to see what size screen I was on.

              If you can point me in the right direction for the adjustment, I’ll be happy to work on it myself and post the results.

              Thanks again for the help!

              – Bruce

              #19161
              Bruce
              Customer

                Anyone able to help me with this?

                Wes? Anyone?

                Please

                #19163
                Andykev
                Customer

                  Hey there. I looked at your link on Chrome, Firefox, IE, and MS Edge browser…..ALL these show your site perfectly (as the Appfinite demo). Your white text is perfectly centered above the 2nd widget. Is there a cache issue either on your admin side or the server? Really looks perfect.

                  #19165
                  Bruce
                  Customer

                    Thanks @Andykev,

                    I see it perfect on most screens, too. The really big screen is where there is an issue (30″) and it gets pushed down quite far on a small tablet, too.

                    What size screen were you using?

                    Thanks again for the assistance.

                    -Bruce

                    #19166
                    Andykev
                    Customer

                      Bruce, I am using an HP Pavilion 27 inch monitor. Big at full resolution. Your website looked absolutely perfect on all four browsers. I shrank the image too..and no issues.

                      #19167
                      Andykev
                      Customer

                        Screenshot:

                        #19168
                        Wes
                        Moderator

                          @Bruce I just took a look at it with a 23 inch monitor hooked up to my 13 inch MBP laptop and they both look fine on my end.

                          Even though there’s no issue showing for me on my end, you could still try removing or commenting out this line in your front-page.php file –

                          wp_enqueue_script( 'aspire-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' );

                          Removing this line removes the automatic space that is added to this widget which is designed to adjust based on screen size as well as keep the widget centered vertically. Once you do this all of that spacing will be gone from this widget area. You could replace it with a fixed padding by adding something like this to your css –

                          .front-page-1 .flexible-widgets {
                              padding: 300px 0 300px;
                          }

                          I don’t have access to a 30 inch monitor so I have no way in knowing what your site will look like with this suggestion. That means you’ll have to make some customizations on your end to get your CSS to look how you want. You’ll also need to add some overrides for your Responsive CSS so the padding adjusts when being viewed on a smaller screen.

                          Hope this helps.

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