Change font size titles

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Aug 27, 2015 8:39 pm
Reply with quote
Report this post
Hi
Where change font size of these titles.
specifically reduce
User avatar
Expert Boarder

GK User
Fri Aug 28, 2015 6:33 am
Reply with quote
Report this post
Hi,
time for self education, here is default code:
.gk-header1 h1 {
color: #c9c9c9;
font-size: 92px;
font-weight: bold;
letter-spacing: -5px;
line-height: 0.85;
margin: 0 0 32px;
text-transform: uppercase;
}

Read: https://www.gavick.com/documentation/jo ... mplate-css

and now is your turn to make it happen
User avatar
Platinum Boarder

GK User
Fri Aug 28, 2015 3:11 pm
Reply with quote
Report this post
Thanks for your help Oscar E
I put in override code but did not change font size.
I do not even know anything about CSS, I'm graphic designer
User avatar
Expert Boarder

GK User
Tue Sep 01, 2015 12:09 am
Reply with quote
Report this post
Haha, because font-size: 92px; was default value, and you have to change it into
font-size: 72px; or 62px or 52px ... 42px... or less.
.gk-header1 h1 {font-size: 72px; }


Try again and Have fun :) :mrgreen:
User avatar
Platinum Boarder

GK User
Tue Sep 01, 2015 12:58 am
Reply with quote
Report this post
I already tried that without success, there must be something :silly:
User avatar
Expert Boarder

GK User
Tue Sep 01, 2015 1:39 am
Reply with quote
Report this post
Oh, now is all clear for me, guys from GK developer team used !important tag,
so you have to also, try this:
.box.big-title .header, .box.big-title > .header {font-size: 72px !important }


72,52,42 as you wish :)
User avatar
Platinum Boarder

GK User
Wed Oct 07, 2015 4:35 pm
Reply with quote
Report this post
Thanks Oscar it is OK :lol:
User avatar
Expert Boarder

GK User
Wed Oct 07, 2015 8:36 pm
Reply with quote
Report this post
It's also good to reduce this size on mobile view, using
@media (max-width: 440px) { ... }
User avatar
Platinum Boarder


cron