Kelly

Hi Wes, sorry for the delay in getting back to you. Wow! Almost a year. I’m still trying to convince my client to move forward with a rebuild. What’s the latest version of WordPress I can run with legacy Aspire Pro (v1.3)?

Thanks!

Hi Wes,

Thanks for the prompt response. If I upgrade, which version is easier to update from my existing install, your Genesis or Block Theme version?

Wes, I stand corrected. The offending plugin was actually CM Tooltip Pro, not Easy Google Fonts. The developer just emailed me an update, which he says will fix the problem. I’m just posting an update in case anyone else experiences this problem. Thanks again.

Hey Wes, when I check the console I get this error message:
Failed to load resource: the server responded with a status of 400 ()
JQMIGRATE: Migrate is installed, version 1.4.1
Failed to load resource: the server responded with a status of 400 ()

And when you inspect the error I get this website address:
https://fonts.googleapis.com/css?family=default&ver=4.9.8

Does the Aspire template reference this resource because if it does that in fact in an invalid URL?

Yes, that’s my preference and I’ve used the SS plugin many times. But how can I get it into the top area of the home page near the menu?

Hey Wes, this is all that was in the README.md file:

# Aspire Theme

## Installation Instructions

1. Upload the Genesis Sample theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
2. Go to your WordPress dashboard and select Appearance.
3. Activate the Aspire theme.
4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

## Theme Support

Please visit https://appfinite.com/forums for theme support.

Hey Wes, I think I’m going to abandon the carousel idea. I just can’t find an easy way to implement it so it looks good on both a desktop computer and mobile device.

Having said that, how can I turn off the Parallax effect in the home page of this theme? BTW, I upgraded my Aspire theme to 1.2.

Thanks Wes. Can I simply download the latest version from my account page?

Here’s the website I’m working on: http://wmp2.idealynx.com/

As you’ll see, I managed to remove the Featured Section 1 image and insert the Soliloquy Carousel, but I can’t figure out how to get rid of the extra space above and below the carousel.

Plus, when you expand the browser, the carousel submerges into the Front Page 2 widget section, which is a problem because I loose my carousel caption area and navigation circles.

How can I fix these problems?

Thanks!

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

Hey Wes, sorry for the delay in responding and the time that you’ve invested in helping me. I truly appreciate your support. Please know that I will respond in kind with future theme purchases.

Yes, you are right. I’m way too far along to change anything. I think I have everything dialed in pretty well, except the logo issue. I’m trying to keep the logo a static size, which I thought I had working, but at about 1200px wide the logo changes to a smaller, blurry version. At 1023px it resets to the static logo, so I may need to look at my media queries.

Thanks again for your help.

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

Thanks Eric. There seems to be a lot of variables at play with images. For example, it’s my understanding that Retina displays require double the amount of pixels, which basically means twice the image size.

So, assuming the maximum image size for a page or post is 700px for the Aspire theme, it would probably make sense to create images that 1400px wide. However, I personally think 1200px is probably fine.

But what I don’t know is what happens if I scale a 1200px image down within WordPress to say 800px. I’m assuming that the number of pixels is reduced accordingly, but how does that affect Retina displays?

Thanks Andy. I guess what I’m asking is, “is there a best or standard size to use” for most images? For example, according to StatCounter, the most popular screen sizes are:

1. 360×640
2. 1366×768
3. 1920×1080

If we use this example, wouldn’t it mean that, (if I want my images to look great a full size) I should upload at least a 1920 x 1080 image? My understanding is WordPress will allow me to select a smaller version of the same image (full size, large, medium, thumbnail).

http://gs.statcounter.com/screen-resolution-stats

Never mind. I solved it by modifying these elements:

.header-image .site-title > a {
    height: 76px;
    margin-top: 0px;
}

.header-image .light .site-title > a {
    height: 76px;
    margin-top: 0px;
}

[UPDATE]
I spoke too soon. The fixed image in Section 1 is going to be a problem because it’s not scaling properly. Should I try to patch that or is it better to select another theme that may work better for this particular website?

Hmmm. Maybe I should pick another, non-Parallax theme. Which other theme do you offer is closest to Aspire, in terms of being able to carryover my settings, but without the Parallax effect?

When I resize the browser down to around 1200px wide, the logo shrinks because of the code on line 2502 in your style.css file….which is set to 200px width. I would bump that up to around 250px so you can see it a little better. I’m not sure if that’s what you’re referring to or not since it’s not showing up blurry on my end, but we can start there.

Hey Wes, I tried that. It didn’t seem to have any effect—at least on my end. What if we just make it a static size. How is that done?

Awesome! Thanks Eric.