不好意思打扰您,但由于我不是一个优秀的CSS编码器,因此我确实需要帮助。因此,我一直在为项目使用adminLTE模板,现在我想将公司徽标插入导航栏/标题。现在,我已经成功插入徽标并且可以查看它了,但是现在,我想增加徽标的大小。但是,当我增加尺寸时,导航栏看起来相同,导致徽标仅显示一半。
这就是我的意思。
这是我的标头代码
<header class="main-header">
<div>
<!-- Logo -->
<a href="index.php" class="logo">
<span class="logo-mini"><img src="uploads/office/britay.png" class="brandlogo-image" alt="Brand Logo"></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><img src="uploads/office/britay.png" class="brandlogo-image" alt="Brand Logo"><strong>Britay Asia</strong></span>
</a>
</div>
<div>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" >
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li>
<a href="jobs.php">Jobs</a>
</li>
<li>
<a href="candidate.php">Candidates</a>
</li>
<li>
<a href="#">Company</a>
</li>
<li>
<a href="#about">About Us</a>
</li>
<?php if(empty($_SESSION['id_user']) && empty($_SESSION['id_company'])) { ?>
<li>
<a href="login-candidates.php">Login</a>
</li>
<li>
<a href="register-candidates.php">Sign Up</a>
</li>
<?php } else {
if(isset($_SESSION['id_user'])) {
?>
<li>
<a href="user/index.php">Dashboard</a>
</li>
<?php
} else if(isset($_SESSION['id_company'])) {
?>
<li>
<a href="company/index.php">Dashboard</a>
</li>
<?php } ?>
<li>
<a href="logout.php">Logout</a>
</li>
<?php } ?>
</ul>
</div>
</nav>
</div>
</header>
因此,如何更改CSS,以便可以增加标题和导航栏的大小?再一次,我使用了adminLTE模板:https://adminlte.io/themes/AdminLTE/index2.html
如果这是一个愚蠢的问题,我们将不胜感激任何指导。老实说,我很喜欢做前端。
最佳答案
<nav ... style="height:100px">
直接添加此样式,然后根据自己的喜好更改值(高度:100像素或高度:300像素)
更新:
在“主标题”类附近查找“徽标”类,然后尝试进行以下操作
<a class="logo" style="height:100px">
<img ... height="100px">
</a>