Font Problem and the background

Permalink Browser Info Environment
Hello,

I installed the theme successfully, but the font appears different one and when I check the CSS, there is no problem. Do you know how can i fix the bug?

And how can I set up the background picture fits to the screen automatically?

Thank you for you help in advance.

Regards,
Anita

Type: Discussion
Status: Resolved
jonnytm
View Replies:
madesimplemedia replied on at Permalink Reply
madesimplemedia
Hi Anita

Thanks for buying the theme.

Do you have a link so I can check what's going on?

Many thanks

Dave
jonnytm replied on at Permalink Reply
jonnytm
Hi Dave

here is the link..

and i would like to know, how can i set up the background to random display?

Thank you.
madesimplemedia replied on at Permalink Reply
madesimplemedia
Hi Anita

Ok the font issue is an easy fix, we just need to dip into the code.
In the theme folder, In typography.css on line 23, in your site is says this:

body {
font: normal 13px px;
line-height: 1.7;
color: #120000;
}

Please change it to:
body {
color: #120000;
font: 13px/1.7 "robotolight";
}

This got a bit messed up because the theme customiser is poor in this version of C5.

Background images should be 2000px × 1280px.
If you need to them fit the screen I would have to quote to change this, same goes for the random images.

Thanks

Dave
jonnytm replied on at Permalink Reply
jonnytm
Hi Dave

Font-problem did not work the way you suggested but we managed anyway.

Background image: The size is alraedy correct, but the images still does not get scaled full screen. Any other idea?

New problem: After we created a sub-page we realized the dropdown does not appear below the menu - any idea how we can solve that? Is that a setting?

Thank you!
madesimplemedia replied on at Permalink Reply
madesimplemedia
Hello Anita

It wasn't really designed to scale the background, but there is an easy way of making sure the background image will stretch to fit at any size:

On line 42 of screen.css, you will find this:

.slideshow {
background-position: center top;
height: 100%;
left: 0;
min-height: 554px;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}

Simply add background-size: cover!important and it'll fix it:

.slideshow {
background-position: center top;
height: 100%;
left: 0;
min-height: 554px;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
background-size: cover !important;
}

Many thanks

Dave
madesimplemedia replied on at Permalink Reply
madesimplemedia
Re the dropdown issue, you probably need to make sure you're showing all sub pages etc, have a look here:http://www.c5themes.co.uk/vision-theme-for-concrete5/drop-downs/...

Thanks

Dave
jonnytm replied on at Permalink Reply
jonnytm
Dropdown: Thanks, that did the trick.

concrete5 Environment Information

Mac OS

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.125 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.