0

我正在开发一个网站并使用常规主题主页而不是创建静态页面。他们（商业精英）在页面底部附近有一个联系我们部分。我正在处理的网址是http://dlecpa1.com . 该主题不允许我更改“联系我们”部分中的三个图像，以便它们具有链接。我确实想出了如何通过在inc-front-front-function php下的css中更改它来将第一个图像文本行更改为“CALL US”，但这并不能帮助我添加指向第二个和第三个图像的链接（ circle_bg2 和 circle_bg3）。我知道我不能使用 css 添加链接，所以我尝试了使用 javascript，但我迷路了。我知道我需要添加 js 和 html 才能使链接正常工作，但我不知道如何做到这一点。我不知道这是否有帮助，但这就是我找到的 css 中的内容。

<!-- TOP PART -->
        <ul class="cont_us_top container">
          <?php if ($contact_us_name) { ?>
            <!--name-->
            <li>
              <div class="circle" id="circle_bg1"></div>
              <div><p class="cont_title"> <?php echo __('CALL US', "business-elite"); ?> </p>
                <p class="cont_text"> <?php echo $contact_us_name; ?> </p></div>
            </li>
          <?php } ?>
          <?php if ($contact_us_address) { ?>
            <!--address-->
            <li>
              <div class="circle" id="circle_bg2"></div>
              <div><p class="cont_title"> <?php echo __('ADDRESS', "business-elite"); ?> </p>
                <p class="cont_text"> <?php echo $contact_us_address; ?> </p></div>
            </li>
          <?php } ?>
          <?php if ($contact_us_mail && $contact_us_showmail) { ?>
            <!--mail-->
            <li>
              <div class="circle" id="circle_bg3"></div>
              <div><p class="cont_title"> <?php echo __('EMAIL', "business-elite"); ?> </p>
                <p class="cont_text"> <?php echo $contact_us_mail; ?> </p></div>
            </li>
          <?php } ?>
        </ul>

        <div class="right_home right_home_center">
          <?php self::social_icons(); ?>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <div class="clear"></div>
    <?php
  }
  }

我真的很感激这方面的帮助，这超出了我的 wordpress 技能。

4

1 回答 1

0

您只需要进入您的 CSS 并查找 #circle_bg1 ID，然后将背景图像更改为您想要的：

#circle_bg1 {
    background: url(images/yournewimagelink.jpg) no-repeat center;
}

3 个圆形类位于您的 style.css 文档中，从第 1979 行开始。

于 2018-02-13T16:22:22.147 回答