-
<em>@docpariolo 352827 wrote:</em><blockquote>hello,
id like to know what i have to do to change the logo size, for a custom one i would like to add.
</blockquote>Hello Docpariolo,
In order to change the logo size, please go to: <blockquote>templatesja_mixmazcsstemplate.css</blockquote>
Find these lines:
/* Logo Image ---*/
h1.logo {
height: 74px;
width: 178px;
}h1.logo a {
background: url(../images/logo.png) no-repeat left; >> change to your logo URL
display: block;
height: 74px;
width: 178px;
}
Change value of height and width to fit with the size of new logo.Since you used theme dark_brown then go to this file to change logo URL: <blockquote>templates/ja_mixmaz/themes/dark_brown/css/template.css</blockquote>
Find these lines:
h1.logo a {
background-image: url("../images/logo.png"); >> change to your logo URL
}The logo as you provided is too big, please resize it, it should stay below 80 pixels in height and below 150 pixels in width. There’s no rule for it, choose the size of logo as you wish.
But above solution only for default screen, for other screens, if you want to change the logo to match with them, go to each CSS file defined for that screen: layout-mobile.css, layout-tablet.css and add:
/* Logo Image ---*/
h1.logo {
height: logo_heightpx;
width: logo_widthpx;
}h1.logo a {
background: url(logo_url) [/B]no-repeat left;
display: block;
height: logo_heightpx;
width: logo_widthpx;
}
For mobile logo, go to <blockquote>templates/ja_mixmaz/css/layout-mobile-port.css</blockquote>
Find these lines:
#ja-header h1.logo {
background: url("../images/pattern-red.jpg") repeat scroll 0 0 transparent;
height: 57px;
margin: 0;
width: 100%;
}
#ja-header h1.logo a {
background-image: url("../images/logo-mobile.png");
background-position: center center;
height: 57px;
width: 100%;
}
change to:
#ja-header h1.logo {
background: url("../images/pattern-red.jpg") repeat scroll 0 0 transparent;
height: logo_heightpx;
margin: 0;
width: 100%;
}
#ja-header h1.logo a {
background-image: url("logo_url");
background-position: center center;
height: logo_heightpx;
width: 100%;
}
okay..
many things:
successfully changed logo. but: and lets do this step by step.
i want the overall template width to be increased. why? because with the font family ive chosen, and increased font size, theres a problem. if i choose multi column set up articles for my frontpage, which i want.. text on the left and right will be “bitten” by the margins! just by a character or so, yet, unforgivable.
so we gotta do that first, increase the width of the whole template. lets say by 30 pixels. so i can increase one more nod on the font size, i find it still a little bit tiny.
second of all.. the logo. you asked me for a mock up design, here it is
i would like the logo to stretch all over the (new) width of the template. ill get the logo re done for the width of the new template. height would be around 250.
also, i noticed, and i dont know why, the logo placeholder starts on the left very early, not at the same level as the content table below. i would like to be changed. both on the same lvl, like in my drawing.
thank you.
heres what i mean by the way with the “bitten” text. whats actually bitten is not the article, but the text from a social plugin.
and even if there was a fix for that, cutting the margin preventing this, i still want the template larger. i could use more space, above all, on the right menu. it feels way too tight.
Viewing 14 posts - 1 through 14 (of 14 total)This topic contains 14 replies, has 6 voices, and was last updated by
Saguaros 11 years, 11 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
logo size
Viewing 14 posts - 1 through 14 (of 14 total)
