Support ForumGoogle fonts extended pack + Background image – Support Forum

Google fonts extended pack + Background image

eddcamper — Wed, 28 Aug 2013 22:55:30 +0000

Hi guys, I have two little problems:

First one, I have some trouble with google fonts. I use OpenSans but I need also Latin Extend pack for this font so it means I need to adjust the code, google provides this piece of code:

google: { families: [ ‘Open+Sans::latin,latin-ext’ ] } (but I suppose you have your own magic script somewhere to get all fonts)

Second problem is about background image (I use boxed version). The image (2048×1152 px) works just fine in browser and also with mobiles, but on my 7′ tablet computer (android) it scales down this image and makes some kind of repeated pattern of it (if you don’t understand, I can send a screenshot).

Thanks, and I hope it doesn’t mind I use one topic for two problems.

Reply To: Google fonts extended pack + Background image

eddcamper — Thu, 29 Aug 2013 13:16:42 +0000

well, we solve the first problem with extended OpenSans, so I need help only with the second one :)

Reply To: Google fonts extended pack + Background image

IshYoBoy — Sat, 31 Aug 2013 07:58:54 +0000

Hey,

Great to hear the first problem got solved. Maybe you could post your solution here so others could benefit from it as well.

The one regarding the tablet, is CSS related I guess. Seems like related to the Tablet’s browser only. Could you please provide the link of the page where it happens so we could try to reproduce? And a screenshot if possible?

Thanks

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Google fonts extended pack + Background image

eddcamper — Sun, 01 Sep 2013 14:54:33 +0000

My programmer described the solution:
We were searching for a certain part of the code which links the google font. The code and we found out that it’s actually constructed and built by some great amount of parameters and valuables. So we just replaced the actual echo code with the code directly from google. With all needed charset extensions.
We know that there is probably a way to get this done by adding the additional charsets to one of the arrays but this was a faster solution.

About tablet body background:
Page’s link is: https://adversio.cz
Error screenshot: https://adversio.cz/er310813.jpg

Reply To: Google fonts extended pack + Background image

IshYoBoy — Mon, 02 Sep 2013 07:29:59 +0000

Hi,

We think the problem might be in the tablet’s browser not being able to handle the background CSS settings correctly. The setting for the background image is:

.boxed {
	background-image: url("https://adversio.cz/wp-content/uploads/2013/06/background1-300x168.jpg");
	background-attachment: fixed;
	background-size: cover;
}

.boxed {

background-image: url("https://adversio.cz/wp-content/uploads/2013/06/background1-300x168.jpg");

background-attachment: fixed;

background-size: cover;

}

If you remove the “background-size: cover;” style, the result is exactly as shown on the error screenshot.

Please try to use a big enough image (at least of the size of the tablet) instead of 300×168 to check if this fixes the problem. Maybe it has a problem scaling images up.

Secondly try to create a media query in css to target the mentioned tablet only and play a little with the background styles E.g: “background-size: 800px 400px;”

Hope one of the mentioned solutions helps. Please let us know.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market