AVADA常见问题大全

本文章是基于AVADA 4.0版本。所有CSS代码都是加到theme options - custom css中

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

avada custom css 1

摘要

在AVADA后台-themes options - portfolio -general portfolio -excerpt填上0即可去掉摘要。

custom css 2

去掉分类

将以下CSS代码加到theme options - custom  css中保存,刷新即可消失

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

改标题字体大小和居中


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

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

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

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

调用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

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

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

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

产品详情页面图片居中

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;}

资源分享:各国国旗小图片 https://yunpan.cn/cB2c5q44rqaNz  访问密码 4e57

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

 

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

13 条评论在 “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文件对里面修改,但是只能修改成英文没办法改成中文,求助!!

发表评论

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