需要向页眉添加文本和链接



我正在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元素对此进行了测试,所以它应该可以正常工作:(

相关内容

  • 没有找到相关文章

最新更新