我正在Weebly工作,并试图编辑我的主题。在顶部标题(第1行(中,我想在中间添加文本"请求免费报价",并将此文本链接到网站页面。此外,我想在电话号码前添加文字,上面写着"今天打电话:">
这是我现有的html:
<div id="header">
<div class="row1">
<div class="search">{search}</div>
<div class="social">{social}</div>
<div class="phone-number">{phone:text}</div>
</div>
开发网站可以在这里看到:emilyscleaningservices2.weebly.com
如果需要,我也可以更新CSS。。。但在这方面也需要一些指导。
尝试将现有html更改为:
<div class="row1">
<div class="search">{search}</div>
<div class="social">{social}</div>
<div class="quoteText">
<a href="https://emilyscleaningservice2.weebly.com/free-quote.html">Request a free quote</a>
</div>
<div class="phone-number">Call today: {phone:text}</div>
</div>
然后你需要将这个类添加到CSS:
.quoteText {
position: absolute;
left: 0;
right: 0;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
}
除此之外,如果你想让它对移动友好,请在上面的类下面添加以下CSS:
@media only screen and (max-width: 600px) {
.quoteText {
display:none;
}
}
我已经使用inspect元素对此进行了测试,所以它应该可以正常工作:(