DealsPlazza Template Mobile phone font size error

Hi Templateplazz community,
i have a problem whit the auto responsibility of the template, it does not change the font size of the k2 articles.
To show you what i mean i put some screenshots in to it!

The main problem just appears if i put a price higher then 3 digits, after 4 digits the tag whit the price jumps down and make some disorders at the price tags under it!

the website is www.dealsbook.de
you have to shrink the browser to a size of a phone screen, to see it!

please help me out whit that
11 years 7 months ago #1 by Yilmaz

Please Log in or Create an account to join the conversation.

Hi,
Can you try to open the fiile [root]/templates/deals_plazza/css/com_k2.css, find this code (arround line 974 )
.k2deals-buynow_inner a,
.k2deals-buynow_inner a:visited,
.k2deals-buynow_inner-expired p {
    color: #507253!important;
    font-size: 40px!important;
    font-weight: 700!important;
    letter-spacing: -3px!important;
    text-shadow:0 1px 0 #fff!important;
    padding: 10px 20px!important;
    border: 1px solid #737243;
    box-shadow: inset 0px 1px 0px #fff,
    0 0 5px #737243;
    display: block;
    border-radius: 6px;
    background-color: #ffff88;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 136)), to(rgb(226, 225, 121)));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 136), rgb(226, 225, 121));
    background-image: -moz-linear-gradient(top, rgb(255, 255, 136), rgb(226, 225, 121));
    background-image: -o-linear-gradient(top, rgb(255, 255, 136), rgb(226, 225, 121));
    background-image: -ms-linear-gradient(top, rgb(255, 255, 136), rgb(226, 225, 121));
    background-image: linear-gradient(top, rgb(255, 255, 136), rgb(226, 225, 121));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffff88', EndColorStr='#e2e179');
    line-height: normal;
 
}
change the font-size value to :
 font-size: 25px!important;
Then find this code (around line 1027)
.k2deals-buynow_inner a span,
.k2deals-buynow_inner-expired p span {
	background: #5FA865;
	padding: 5px 15px;
	margin:4px 0 0 0;
	border-radius: 40px;
	border-bottom: 1px solid #fff;
	box-shadow: inset 0px 3px 5px #444;
	color: #fff;
	text-shadow: 0 -1px 0 #333;
	font-size: 20px;
	float: right;
	line-height: 30px;
}

change the padding and margin values to :
padding: 5px 15px;
	margin:0;
11 years 7 months ago #2 by andy

Please Log in or Create an account to join the conversation.

yes the font size is low enough to avoid the jumping down, but now the pricetag stays on the bottom of the buy now area. please have a look at the site "www.dealsbook.de"
is there a way to center the pricetag?
11 years 7 months ago #3 by Yilmaz

Please Log in or Create an account to join the conversation.

Sorry I was mis-type the instruction.
You should change the padding values on the line 1030 into :
padding: 0 15px;
11 years 7 months ago #4 by andy

Please Log in or Create an account to join the conversation.

ok this woks perfect now, thanks for that but i got a nother question shoud i open another question or handle it inside of this question? it has to do whit the k2 imagefield!
11 years 7 months ago #5 by Yilmaz

Please Log in or Create an account to join the conversation.

Please open a new question if it's not related ad :)
11 years 7 months ago #6 by andy

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum