如何修改模板颜色和字体?

一、了解模板文件所在位置:
模板文件安装之后,存放在站点/templates目录下,以模板编号命名的模板文件夹名称;
te.png

x5.png

进入模板文件目录后即可进行文件修改(模板目录结构)
met.png

 
二、如何修改导航背景颜色(红色改为蓝色)?
red.png

b.png

操作步骤:
①鼠标移动到红色导航上方右击;
②弹出窗中单击审查元素;
③在出现的控制台中进行模板调试,找到控制台右侧的红色小方块,单击红色小块后,弹出颜色选择器,进行颜色挑选;
c.png

④回到前面模板文件目录,右键下载需要修改的文件: images/css/metinfo.css
css.png

温馨提示:下载的模板文件先在本地备份,在万一没改好的情况下可以将原始文件覆盖上去
⑤下载到本地后,非专业人士可以用记事本打开,打开后回到浏览器
⑥浏览器控制台中,包裹颜色的花括号前面有个名字,复制这个名字
⑦在打开的记事本中ctrl+f搜索复制的名字
⑧搜索到之后,回到浏览器复制刚刚改好蓝色代码,替换掉记事本中名字后面花括号中的代码,ctrl+s保存,上传到FTP后刷新页面即可看到修改后的效果
back.png

现在你可以用同样的方式去修改其他地方的背景颜色了。

三、如何修改导航字体大小(改为18px,px为文字大小的单位,数字越大文字越大)?
12.png

18.png

如何修改:
①鼠标移动到导航文字上方右击
②弹出窗中单击审查元素
f.png

③在出现的控制台中并没有可以设置字体大小的属性(font-size),单击名称后面大括号内空白处,出现光标,将(font-size:18px;)复制,粘贴到浏览器控制台中。
s.png

④回到前面模板文件目录,右键下载需要修改的文件: images/css/metinfo.css
css.png


温馨提示:下载的模板文件先在本地备份,在万一没改好的情况下可以将原始文件覆盖上去
⑤下载到本地后,非专业人士可以用记事本打开,打开后回到浏览器
⑥浏览器控制台中,包裹字体的花括号前面有个名字,复制这个名字
head.png

⑦在打开的记事本中ctrl+f搜索复制的名字
⑧搜索到之后,回到浏览器复制刚刚改好文字大小代码(font-size:18px;),添加到记事本中名字后面花括号中,ctrl+s保存,上传到FTP后刷新页面即可看到修改后的效果
font.png

现在你可以用同样的方式去修改其他地方的文字大小了
已邀请:

zdhzzdhz

赞同来自: sheng3669

css文件中修改

liudan

赞同来自:

赞一个

梦里听海

赞同来自:

赞一个,这个方法简单粗暴。适合所有人。

zhel

赞同来自:

学习了,我想改metv2模板,这里会员登录不要了,怎么删掉?

QQ图片20160308204537.png

 

sheng3669

赞同来自:

网站首页栏目和栏目之间差距太大,怎么才能调整小一点呢?我用的是metx5默认模板。
5665500副本.jpg

 

zhanghao890603

赞同来自:

上传之后没有改变怎么办?哪位解释一下

464993793@qq.com

赞同来自:

上传后没有变化?是哪里的问题?

zdhzzdhz

赞同来自:

css文件中修改

mengya

赞同来自:

求教,修改后没变化怎么办
 

604751926@qq.com

赞同来自:

求教,上传了之后没有变化是什么情况?

jrone_l@126.com

赞同来自:

我按照上面的方法想修改metv5模板的背景色,但是在css文件中修改后,刷新页面没有改变,不知道是为什么?有大侠知道如何解决吗?请指导一下!

sales@bncorp.com.cn

赞同来自:

我也修改了一个标题的字体大小,按照步骤修改了css文件,但刷新页面后还是没有生效。
 

要回复问题请先登录注册