Change k2 title text size + background colour

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
Fri Aug 23, 2013 3:43 pm
Reply with quote
Report this post
Hi, Great Template! Is is possible to change the k2 item title font size and the background colour/transparency for the box the title is in?

In some situations the title size and box is quite large and obscures too much of the image.

A screen grab is attached showing the k2 item title below the image.


Many thanks for your help,

Andy
User avatar
Senior Boarder

GK User
Fri Aug 23, 2013 8:17 pm
Reply with quote
Report this post
Hi, thanks for nice review.
No problem - just overwrite using your own styles.
Default code look like this:
Code: Select all
article header.itemHasImage h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 36px;
    color: #FFFFFF;
    line-height: 1.1;
    padding: 10px 16px;
    width: 65%;
}
article header h1  {
    font-size: 44px;
    font-weight: 300;
}



Now use custom css : http://www.gavick.com/documentation/joo ... -template/

to change font color or background color, reduce padding's etc.... have fun

Start from : font-size:22px
User avatar
Platinum Boarder

GK User
Fri Aug 23, 2013 8:41 pm
Reply with quote
Report this post
Thanks for your help - that's brilliant and works perfectly.

Great service.

All the best,

Andy
User avatar
Senior Boarder


cron