Reply To: Aspire Theme Issues

For what you’re trying to do, I think it would be better for you to add your image inside the widget area itself, and then add a background color to the Front Page 1 background area.

Example, add this to your Text widget –

<img src="http://69.195.124.169/~claranar/wp-content/uploads/2016/09/Widget-Area-1_Resized2_Lo.jpg">

And then remove the Background image and add a background color through CSS. This is the hex code that your background is currently set at – #3CBCBD. If you don’t want to add it through CSS, then you could also create a 1800 by 1200 background image of the color all by itself so it shows the blue color through out the entire background.

Full width background images can be tricky especially when viewing them on a mobile device. Certain images work well, but some don’t since it really depends on the position and the focus of the image itself.

If you had an image that showed your face directly in the center, then it would work a lot better (just like the demo). But once you have your face on one side, and text on the other side it won’t look right on some browsers as both ends of the image will exceed beyond the width of the main content area of theme (which is 1200px). So if you’re viewing your current image as a background from a large browser/screen, the text in your image and your face will show up beyond the main width of the theme.

This is the reason why I use large landscape background images that will scale regardless of the size of the browser like here – demo.appfinite.net/guru/ here – demo.appfinite.net/ambition or here – demo.appfinite.net/imagery Notice they all look right on every browser. If I were to use a face in the background I would have it in the center so it will always show up in the center on every browser…..or I would just add it directly into a Text widget so it stays within the width of the content.

Sorry for writing so much, I just wanted to make sure I explained it the best I could 🙂

Let me know if this helps.