AVADA常见问题大全

本文章是基于Avada 4.0系列+Avada5.0系列版本。所有CSS代码都是加到WP后台 -Avada - theme options - custom css中,未特别说明的代码对于Avada4系和5系都是适用的。

温馨提示:由于本文内容较多,为了节约时间,可以使用CTRL+F,并输入关键词的方式搜索你的内容。

另外,本文的很多总结都是来自于不同的群友的经验和问题,并不是意味着所有的内容都要去修改一次,具体按需求修改即可

1.产品分类页面中产品摘要+产品分类去掉, 滑动背景去掉或修改颜色

avada custom css 1

摘要

Avada 4.0的解决方法:在AVADA后台-themes options - portfolio -general portfolio -excerpt length 填上0即可去掉摘要。

custom css 2

AVADA 5.0的解决方法:产品分类页面是在page页面中使用portfolio这个element实现的,如下图

Avada portfolio元素

在这个portfolio把可以设置except length为0即可,每一个分类的page里面去单独设置一次,比Avada 4.0要麻烦一点点,如下图所示

AVADA portfolio元素

 

去掉分类

Avada 4.0+avada 5.0的解决方法:将以下CSS代码加到theme options - custom  css中保存,刷新即可消失

.fusion-portfolio-content h4, .fusion-rollover-content .fusion-rollover-categories{display:none!important}

 

改标题字体大小和居中

 Avada 4.0+ Avada 5.0的解决方法:将以下css放入theme options - custom css中,其中15px就是字体大小,可以调成你需要的值即可
#wrapper #main .fusion-portfolio-content>h2.entry-title{font-size:15px!important;text-align:center!important;}

去掉Hover后滑出的效果或修改滑出的颜色等设置

Avada 4.0+Avada 5.0的方法

avada-hover
这种效果叫rollover, 在theme options -顶部 -search for options这个框里面输入 rollover, 就可以自动搜索出所以跟rollover相关的设置了,包括打开或关闭rollover的功能,调整滑出的背景色,显示或不显示滑出的放大镜及链接图标等,非常全面,注意设置完以后保存才能生效
avada-rollover-1  avada-rollover-2

2.  Footer部分下划线和下行间距调整的CSS

适用于AVADA4.0+AVADA5.0方法

调用CUSTOM MENU效果生成的下划线去掉方法:
.fusion-widget-area .widget_nav_menu li{border-bottom:0!important;}

调整custom menu的间距(5px这个数字越大间距越大):

.fusion-widget-area .widget_nav_menu li{padding:5px 0!important;}

recent posts生成的下划线:
.fusion-footer-widget-area .widget_recent_entries li{border-bottom:0!important;}
调整recent posts的间距(5px这个数字越大间距越大):

.fusion-footer-widget-area .widget_recent_entries li{padding-bottom:5px!important;}

3. 侧边栏SIDEBAR去掉下划线和调整间距的CSS

custom menu菜单下划线去掉的方法:

.fusion-content-widget-area .widget_nav_menu li{border:0!important;}

custom menu菜单间距调整的方法:

.fusion-content-widget-area .widget_nav_menu li{padding-bottom:5px!important;}

4. portfolio 产品页面的slider跟下面正文间距太大,如下图

avada custom css

适用于AVADA4.0+AVADA5.0方法

CSS代码:.portfolio-full .flexslider{margin-bottom:20px!important;}

通过改变20px可以调大或调小间距

5.portfolio产品页面的图片想变成居中显示

产品详情页面图片居中

适用于AVADA4.0+AVADA5.0方法

CSS代码如下:

.fusion-flexslider.fusion-post-slideshow{margin:0 auto!important;}

6.Toggle Shortcode调字体大小

一般情况:即对网站上所有的toggle效果进行调试

toggle标题字体调节:

.fusion-accordian .panel-title .fusion-toggle-heading{font-size:20px!important;}

toggle内容字体调节:

.toggle-content{font-size:20px!important;}

特殊情况:即对某一个toggle进行调节

先在这个toggle上面添加一个class, 如test ,保存刷新

toggle class

toggle标题字体调节:

.test .fusion-toggle-heading {font-size: 20px!important;}

toggle内容字体调节:

.test .panel-body.toggle-content{font-size:20px!important;}

7. Footer 或Sidebar 中加入图片

1)先在appearance -widgets中的sidebar或FOOTER部分加入text widgets

footer widget

footer widgets

2) 将下列代码加入text中,并保存,刷新

不带链接的图片 <img src="#" />     (#号填你的图片Url)

带链接的图片 <a href="*"><img src="#" /></a> (#号填你的图片Url, *号填你需要链接到的目的url)

8. 将BUTTON里面字母改成小写或一般的形式

button

代码:

改成一般形式      .fusion-button{text-transform:none!important;}

改成小写           .fusion-button{text-transform:lowercase!important;}

 

button normal

lower button

9. 改变portfolio分类页面的标题大小

H2 FONT

CSS代码为:

#wrapper #main .fusion-portfolio-content > h2.entry-title{font-size:23px!important;}

改变数值可以调大或调小。

10.TABS效果改变及标题字体大小改变,如下

tabs 1 tabs 2

代码如下:

/*---------改标题大小---------------------*/

.fusion-tabs .nav-tabs > li .fusion-tab-heading{font-size:16px!important;}

/*---------改效果---------------------*/

#wrapper .fusion-tabs.classic .nav-tabs > li.active .tab-link{background:#073884!important;}
#wrapper .fusion-tabs.classic .nav-tabs > li.active .tab-link h4{color:#fff!important;}
.fusion-tabs.fusion-tabs-1 .nav-tabs li a:hover{background:#073884!important;}
.fusion-tabs.fusion-tabs-1 .nav-tabs li a:hover h4{color:#fff!important;}

11.SIDEBAR的标题字体变大,加粗

sidebar 字体变大加粗

代码如下:

.sidebar .widget h4{font-size:18px!important;font-weight:700!important;}

12.网站页面加上链接到其他的小语种网站

1) 加文字链接,html代码为:<a href="#" class="cnicon" rel="nofollow">ES</a>

avada website add link to other website 1

#号填上你的目的网站URL, ES换成你想要添加名字,如EN, 中文, PT等

将以上Html代码改好之后添加到theme options -header -header content-Phone Number For Contact Info这个框里面,放到电话前面

avada website add link to other website 3

avada website add link to other website 4

然后将以下CSS放到theme options -custom css中即可成功:

.cnicon{margin-right:20px;}

2) 加图片链接, html代码为:<a href="#" class="cnicon" rel="nofollow"><img src="*" /></a>

avada website add link to other website 2

#号填上你的目的网站URL, *换成你想要你的图片URL(将图片上传到空间就可以获取图片的URL)

将以上Html代码改好之后添加到theme options -header -header content-Phone Number For Contact Info这个框里面,放到电话前面

avada website add link to other website 3

avada website add link to other website 4

然后将以下CSS放到theme options -custom css中即可成功:

.cnicon{margin-right:20px;vertical-align:middle!important;}

资源分享:各国国旗小图片分享链接:http://pan.baidu.com/s/1kVRunH1 密码:94r0

13. 自定义顶部字体颜色

AVADA顶部字体颜色自定义

若将字体变成白色,代码为

.fusion-secondary-header,.fusion-secondary-header a{color:#fff!important;}
其他颜色改代码中的颜色值即可实现

14. 用portfolio做的产品详情页面链接后面带了一个尾巴?portfolioID=30 

portfolio tail
这个多余的代码是由于AVADA主题某种设计导致的,不影响使用和SEO。所以我的建议是不管他。

15.  AVADA升级到5.0系列遇到的问题,后台编辑器无fusion builder这个button

avada升级问题1

解决方法- 进入后台fusion builder - settings里面把post types这几个选项都打勾

avada-upgrade-problem-1

avada升级问题

保存后,再刷新,就正常了。

avada-upgrade-problem-3

16. Avada能够支持移动端和自适应屏幕么?怎么设置?

AVADA是themeforest上销量第一的主题,是支持移动端和自适应屏幕的,这种功能叫responsive, 优秀的主题都是必备这一功能的。

AVADA是默认打开支持移动端功能的,在theme options - support center的搜索框中输入responsive,即可看到打开和关闭按钮。

17.  我看到有的AVADA分享里面有一个AVADA完整包,这个是什么东西,跟其他的AVADA主题程序有啥区别?

AVADA完整包是一个大文件,包含了avada主题,AVADA DEMO的PSD文件,还有AVADA主题的文件包等等。

大家一般的情况下使用都是直接装AVADA主题包即可,不需要用AVADA完整包。

只是当你需要AVADA设计的PSD文件和语言包的时候才下载到本地,解压使用。

仅此而已

如果需要下载AVADA 完整包,可以到我的博客免费资源页面里面,AVADA 主题下载里面去下载

18. AVADA安装出现问题提示:“ 您确定要这样做?请重试 ” 或 " Are you sure you want to do this? Please try again" ?

这种一般是由于AVADA主题的大小超过了网站设置的的上传大小。

可以通过FTP将AVDADA主题包上传到网站根目录 wp-content/themes文件夹里面,然后再解压,再到网站后台刷新下即可出现AVADA主题了。

如果是BLUEHOST的朋友可以使用 FILE MANAGER上传,也比较快。

进入BLUEHOST空间后台-CPANEL - 找到FILE MANAGER -进入-找到网站根目录-进入根目录下面的THEMES文件夹,然后点击上面的upload菜单,选择AVADA主题上传即可,一般几分钟就可以搞定。

此方法同样适用于其他的WP主题。

19. AVADA的page title bar 我感觉挺丑的,在哪里去掉?

除了网站的首页,其他的所有页面我都不建议去掉page title bar,因为AVADA默认把h1标签放在了page title bar里面,而H1标签对于SEO来说是一项因素,所以都不建议去掉。可以在theme options 后台  - page title bar里面去调节它的显示样式,像高度,背景图片等,但是不建议去掉。

那为何首页的page title bar 要去掉呢,因为首页标题不应该是Home,而是你自己定义的标题,如果留下page title bar ,首页的H1就是Home这个单词,这与你的标题不相符,不利于优化,所以首页的page title bar一定要去掉。

去掉的方法是在home这个page面的page title bar 选项里面选择hide,并update这个页面即可。

20. AVADA的页面打开是404页面,怎么解决?

404页面分为几种情况:

1)多数情况,当你修改了slug后,后面的页面存在的情况下,portfolio页面打不开

只需要到wp后台- settings - permalinks保存一次,再刷新 即可打开

2)后台的某个页面已经修改了URL,但是前台还是旧的URL,所以就打不开了

只需要把前台改成对的URL即可

第一种情况还是多数的,有时候 甚至什么也没做的情况下打开是404,这时只需要wp后台- settings - permalinks保存一次,再刷新 即可打开。这种方法是屡试不爽。

21. AVADA主题收费么? 可以免费使用么?

AVADA主题在5.0版本以前是可以完全免费使用的,也不存在破解不破解的问题,因为官方给的版本就可以免费使用。但从AVADA5.0开始,对于非VIP客户有一些限制,例如 layerslider插件不能安装,DEMO无法在线安装等。

那么收费版本有哪些区别呢?

1)可以在线升级主题

2)自购买之日起半年内免费获得半年的官方支持

3)5.0系列起可以在线安装layerslider和DEMO网站

其他方面免费付费都是一样的。如果有预算的话还是支持一下作者吧,查看3步购买AVADA主题 的方法

22. AVADA的header菜单高度怎么控制?

header菜单高度控制

Header菜单高度主要由LOGO的高度决定 ,所以只要把LOGO的高度控制好,那么Header菜单的高度就可以很好的展示

23. AVADA网站的字体怎么控制大小和样式?

AVADA的字体主要分成以下几类

Body字体,即网站各处的正文字体,在 theme options - Typography - body typography 里面控制

H标签字体 ,即H1, H2 ... H6等的字体,在theme options - Typography -headers typography里面控制

菜单字体, 即顶部menu的字体,在theme options - Menu - main menu 里面控制

底部字体,即footer 字体,在theme options - Footer -footer styling中控制

对于某一些特定的部分需要修改字体大小或样式的,可以使用CSS代码来实现。

24. 想用page做产品分类页面,但是AVADA5.0系列的page页面右侧的template没有portfolio可选了,要怎么办?

Avada5版本的模板没有portfolio可选

Avada 5这样做的目的是更灵活的生成Page的分类页面,因为原来的设置有一个弊端就是如果选择了portfoilo 的template就无法使用100% width等template了,扩展性较差,所以5.0系列用插入portfolio这个element的方法来实现调用分类,具体操作如下

在page页面的element中去找到portfolio并设置好产品展示方式,几列展示,是否带标题,还有是显示描述等等,设置好以后插入到页面中并更新即可

Avada portfolio元素

25. AVADA主题的portfolio产品页面中的相关产品(related products)怎么设置?

AVADA默认是portfolio产品页面自带这个功能的,只要你在某一个分类中的产品有不止一个,那就会在产品页面底下自动显示出来,不需要单独设置。

26. 我新建产品总分类product的page,打开product后,标题变成了portfolio,面包屑导航也变成了Home/ portfolio, 而且内容不能编辑,怎么回事?

这是因为你的portfolio的slug跟product 重复了,这是AVADA的规则之一:portfolio的slug不能与任何已经有的页面名字重复,否则就是出现如题所示的问题。

解决的方法有两种,要么是把product改成products,要么是把slug改成其他的名字,反正只要slug不与现在的页面url一样就不会出现此问题。

如果还有其他的,请大家留言

 

16 条评论在 “AVADA常见问题大全”

  1. 谢谢Hunk分享。
    有个问题一直困扰我,麻烦大神帮帮我:
    比如我填加了两个container,他们的div都叫做.fusion-column-wrapper
    但是其中一个container我想固定高度height,另外一个则不需要。
    那么有没有办法只针对其中一个container自定义css?
    问题是两个container的DIV ID是一样的啊,怎样给这两个container分配唯一的ID使自定义css只对其中一个起作用?
    谢谢!

  2. Hunk, 老乡,你好!有一个问题请教一下你:

    每当从 “Product” 下拉式菜单进去产品分类目录后,打开某个产品详情页面的时候,产品的link最后一段总是出现以下一段

    ?portfolioCats=7%2C14%2C21,每个产品都有类似的一段代码,自己也查了论坛,试过很多次,但是就是没有办法解决。

    这个如何去掉,请告知,非常感谢!

    1. Avada系统的小BUG,不影响使用,可以不管。

      记住,当客户看你的网站的时候,是不会看你的URL的,所以不要用再这上面多花时间。

  3. 谢谢Hunk分享!关于掉去产品的摘要,我根据你的方法在-themes options – portfolio -general portfolio -excerpt填上0,但是摘要还是显示,后来在尝试在分类页面把excerpt改为0就OK了。

  4. 请教Hunk,如何将avada Breadcrumbs(导航栏上面的Home改成中文的“首页”)?我在Avada官网查到的方法是打开class-avada-breadcrumbs文件对里面修改,但是只能修改成英文没办法改成中文,求助!!

  5. 大神,你好,有个问题需要请教下。
    新建projects页面,添加portfolio元件,以这个做分类页和工程汇总页面。一切正常显示。
    但将该页面添加到主菜单后,该页面标题变为portfolio,面包屑变为home/portfolio,但网址还是显示home/projects。
    侧边栏消失,显示10个item。而且页面不管改portfolio的设置,还是主题选项里面的,页面都光秃秃的没有侧边栏,没有分类显示,显示10个item。。。很糟糕!
    能帮忙指点下不?avada5.0.5
    谢谢

    1. theme options – 搜索slug,显示的这个值不能跟任何网站的页面链接重复,所以要么改掉slug,要么改掉你的projects名字

发表评论

电子邮件地址不会被公开。 必填项已用*标注