【问题标题】:change backend html wordpress更改后端 html wordpress
【发布时间】:2015-03-22 12:21:42
【问题描述】:

我有一个带有自定义主题的 WordPress 网站: http://prezorgnl.server157.nognietactief.nl/

还有一个可点击的按钮,我想复制并替换为另一个可点击的按钮。在“Zorg Diensten”部分有一个名为“Klik Hier”的可点击按钮,我想将其复制并替换为“Wat bieden wij”部分中的篮球图标。

如何用 CSS/HTML 改变它

CSS 代码:

*::before, *::after {
    box-sizing: border-box;
}
.angle-effect.custom-btn::after {
    left: 50%;
    transform: skew(50deg) scale(1.1, 1);
    width: 0;
}
.custom-btn::after, .angle-effect.custom-btn::after, .btn {
    transition: all 0.25s ease 0s;
}
.blog #main-menu.navbar-default, .archive #main-menu.navbar-default, .single #main-menu.navbar-default, .page-template-default #main-menu.navbar-default, .publish-date, .custom-btn::after, .hex, .hex::before, .hex::after, .content-icon-hex, .hex.scroll-top::after, .hex.scroll-top::before, .hex.scroll-top, .section-title::after, .carousel-indicators li.active, .pricing-item:hover .item-head, .pricing-item .item-name::after, .slide-nav:hover, .gallery-item figure:hover .item-description, .news-article .meta-icon, .parallax-title::after, .causes-post .custom-progress-bar, .single-causes-post .custom-progress-bar, .donate-btn:hover, .team-member-box:hover .member-designation::after, .owl-page.active, .team-member-box::before, .service-box:hover .service-icon-hex, .service-box:hover .service-icon-hex::before, .service-box:hover .service-icon-hex::after, .event-timeline, .blog-sidebar .btn:hover, .link-hex:hover {
    background-color: #003996;
}
.custom-btn::after {
    background: none repeat scroll 0 0 #f39c12;
    content: "";
    height: 100%;
    left: -100%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.custom-btn::after, .angle-effect.custom-btn::after, .btn {
    transition: all 0.25s ease 0s;
}
*::before, *::after {
    box-sizing: border-box;
}
.hex, .hex::before, .hex::after, .carousel-indicators li.active, .white-bg .custom-btn, .gray-bg .custom-btn, .custom-btn:hover, .post-box .custom-btn, .galleryFilter .current, .time-circle .time-number, .contact-form-container .custom-btn, .contact-info .contact-address li::before, .comment-form .form-control:focus, .contact-form-container .form-control:focus, .contact-form-container .custom-btn:hover, .owl-page.active, .single-event-post .time-circle .time-number, .link-hex {
    border-color: #003996;
}
.white-bg .custom-btn, .gray-bg .custom-btn {
    border-color: #f39c12;
    color: #0d0d0d;
}
.custom-btn {
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 1em;
    margin: 5px 10px;
    padding: 0 20px;
    text-transform: uppercase;
}
.custom-btn {
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    overflow: hidden;
    z-index: 0;
}
.custom-btn::after, .angle-effect.custom-btn::after, .btn {
    transition: all 0.25s ease 0s;
}

这是我要替换的 CSS:

.fa-dribbble::before {
    content: "";
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
* {
    box-sizing: border-box;
}
.social-buttons a {
    color: #b3b3b3;
}
.social-buttons a {
    color: #0d0d0d;
    font-size: 1.125em;
    line-height: 22px;
}
a {
    color: #0d0d0d;
}
a, h1, h2, h3, h4, h5, h6, p {
    font-family: "Raleway",sans-serif;
}
a {
    color: #428bca;
}
.team-member-box {
    color: #737373;
    text-align: center;
}
html, body {
    color: #737373;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
}
body {
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
}
html, body {
    color: #737373;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
}
html {
    font-size: 62.5%;
}
html {
    font-family: sans-serif;
}

【问题讨论】:

  • 您需要发布更多信息。这取决于该按钮是在主题中创建的还是使用 WordPress 动态生成的。这个按钮在哪里?它有什么作用?
  • 嗨达斯汀,感谢您的回复,该按钮是在主题中创建的,通过单击按钮,它会打开一个新页面,其中包含新内容。我将两个按钮的 CSS 放在主帖中。

标签: html css wordpress button clickable


【解决方案1】:

所以你想全部替换:

用这个?

【讨论】:

  • 嗨 Luci,我无法添加任何图像,因为我没有足够的声誉。否则我可以给你看。但要回答您的问题,您放置的“Klik hier”按钮我想在上面的部分中用篮球图标替换
  • 嗨 Luci,如果可能的话,我想知道你是否还能帮我解决这个问题?谢谢你和先进的
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-17
  • 1970-01-01
  • 2012-11-12
  • 1970-01-01
  • 2018-04-03
  • 2016-08-21
相关资源
最近更新 更多