Jordan, you are awesome :)
thanks so much! it worked perfectly :)

HELP!!!!

as far as I can tell, all my settings seem ‘ok’ while i’m logged in…I’ve gone over everything, and aside from the font control issues I have with this theme (not getting the proper weights etc for lato like ‘900’ which I’d love some help on as well….everything seems cool…until i preview the site and it looks like those images i posted… once i log out, everything appears fine….but that makes it very difficult to work on the site when it’s all broken like that….

so….
first of all, thanks so much everyone for chiming in :) it’s very very much appreciated :)

we solved the issue :)

we added

h1 {
font-family: Lato !important;
font-size: 57px !important;
font-variant: normal;
font-weight: 900 !important;
line-height: 63px;
}
@media(max-width:480px){
h1{
font-size: 29px!important;
line-height: 32px ;
}
}
h2 {
font-family: Lato !important;
font-size: 46px !important;
font-variant: normal;
font-weight: 900!important;
line-height: 48px;
}
@media(max-width:480px){
h2{
font-size: 23px!important;
line-height: 24px ;
}
}
h3 {
font-family: Lato !important;
font-size: 37px !important;
font-variant: normal;
font-weight: 900!important;
line-height: 44px;
}
@media(max-width:480px){
h3{
font-size: 19px!important;
line-height: 22px ;
}
}
h4 {
font-family: Lato !important;
font-size: 23px !important;
font-variant: normal;
font-weight: 700!important;
line-height: 32px;
}
@media(max-width:480px){
h4{
font-size: 17px!important;
line-height: 23px ;
}
}
h5 {
font-family: Lato !important;
font-size: 15px !important;
font-variant: normal;
font-weight: 700!important;
line-height: 20px;
}
@media(max-width:480px){
h5{
font-size: 15px!important;
line-height: 20px ;
}
}
p {
font-family: Lato;
font-size: 17px;
font-style: normal;
font-variant: normal;
font-weight: 400!important;
line-height: 25px;
}
blockquote {
font-family: Lato;
font-size: 21px;
font-style: normal;
font-variant: normal;
font-weight: 400!important;
line-height: 30px;
}
pre {
font-family: Lato;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400!important;
line-height: 18.5667px;

}

as well as adding in the call for all the font weights for lato in the header…

and that, as they say, was that :)

now everything finally works exactly how i wanted it :)

hello?…
could use some help here :)

actually, I may not have solved anything lol…
still having problems…

I think I pretty much have the font weight problem solved…
but the main issue now is responsiveness…

I’ve added css to ‘quick css’, as well as the ‘built-in css editor’

}
@media (min-width: 480px) {
H1 { font-size: 50%; }
}
@media (min-width: 768px) {
H1 { font-size: 80%; }
}
@media (min-width: 992px) {
H1 { font-size: 90%; }
}
@media (min-width: 1200px) {
H1 { font-size: 100%; }

essentially, I’m trying to emulate https://gusto.com/ how they do their fonts… but with Lato as the font family…
I’m not having a whole lot of success at this point…
we’re having some serious issues with the responsive text… it’s massive…and the line spacing is wack….

help me, obi-wan…you’re our only hope!
:)

}

if the css i added is incorrect, or part of the problem, please feel free to erase it :)

yeah, it’s a corporate site, and we’re behind a firewall…

could that be the problem?

we’re set to go live on Wednesday, and the icon list is one of the only problems we have left to solve…
have you come across that sort of thing before?

once again, can only really post this:
https://ibb.co/iVUdf6

thanks so much…going to give it a try now :)

I’m trying to recreate something like this…(fullwidth screen, split in two, and responsive)

View post on imgur.com

• This reply was modified 8 years, 4 months ago by tkingsbu.