Hello Thorsten,
Issue #1:
I use Firefox and an addon called Web Developer. When I open the "Inspector" I can see in your template all info on css.
So I opened styl.css (I found in the forum that it's this file that should be edited ALTHOUGH the "Inspector"shows me "min.css" infos) and started changing colors, like here between line 220-228
}
body {
margin: 0;
font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #3399CC;
background-color: #ffffff;
}
I changed the color from #333333 to #3399CC : nothing happened in the front end.
What I see appearing as css info are not in style.css but in style.min.css
Which file do we need to edit and where are the blocks to edit for color, size and font please.
Editing style.css is ok since it's very well structured so we can surf inside but editing style.mini.css looks like this in dreamweaver
/*! phpMyFAQ v2.8 - http://www.phpmyfaq.de - Copyright (c) 2001 - 2013 Thorsten Rinne and phpMyFAQ Team */
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:NaN a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}lab
Not easy to deal with. I probably do things strangely on my dreamweaver cs4 but it's what I see. So which file do we consider to edit css or min.css
Issue #2:
I want to change Helvetica and Trebuchet to something else but how should I change this and where are the fonts installed ?
Question :
What is the style.less file for ?
Thanks,
AB
Change color, font, size in default template
Moderator: Thorsten
Change color, font, size in default template
Last edited by AB_123 on Sat Sep 21, 2013 8:42 am, edited 1 time in total.
Re: Change color, font, size in default template
concerning issue #2 : there are files relevant here : admin/assets/font
Do I have to rebuild a font file with the fonts I choose ?
Do I have to rebuild a font file with the fonts I choose ?
Re: Change color, font, size in default template
Hi,
we use LESS (http://lesscss.org/) to compile CSS. We provide 2 CSS files, one readable file (style.css) and one minified one (style.min.css). You don't need the font folder as it just imcludes the Font Awesome fonts to render the icons.
To change the default colors and fonts I would suggest to override the stylesheets at the end of the CSS files.
bye
Thorsten
we use LESS (http://lesscss.org/) to compile CSS. We provide 2 CSS files, one readable file (style.css) and one minified one (style.min.css). You don't need the font folder as it just imcludes the Font Awesome fonts to render the icons.
To change the default colors and fonts I would suggest to override the stylesheets at the end of the CSS files.
bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
amazon.de Wishlist