Your cart is currently empty!
Homepage › Community Forums › Aspire Theme Support › FP 1 Text Layout
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!
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.
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
Here you go, I just uploaded the screenshot to my site so I could grab a link for it.
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
Anyone able to help me with this?
Wes? Anyone?
Please
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.
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
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.
Screenshot:
@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.