#Image not showing,
11 messages · Page 1 of 1 (latest)
You need to share your code and more information
Please share your code with us so that we can understand what problem there is with your code
Okay,
<h2>Featured Products</h2>
<p>Recommend products for you to try!</p>
<div class="pro-container">
<div class="pro">
<img src="Images/hero4.png" alt="">
<div class="des">
<span>Nike</span>
<h5>Water Bottle</h5>
<div class="star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<h4>$6</h4>
</div>
<a href="#"><i class="fal fa-shopping-cart cart"></i></a>
</div>
</div>
</section>```
HTML ^
text-align: start;
padding: 10px 0;
}
#product1 .pro .des span{
color: #606063;
font-size: 14px;
}
#product1 .pro .des h5 {
padding-top: 7px;
color: #1a1a1a;
font-size: 14px;
}
#product1 .pro .des i {
font-size: 12px;
color: rgb(243, 181, 25);
}
#product1 .pro .des h4 {
padding-top: 7px;
font-size: 20px;
font-weight: 700;
color: #088178;
}
#product1 .pro .cart {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50px;
background-color: #e8f6ea;
font-weight: 500;
color: #088178;
border: 1px solid #cce7d0;
position: absolute;
bottom: 20px;
right: 10px;
}``` Style.css
Can you post your code in codesandbox? This will help us understand the structure of your project directory. https://codesandbox.io/
Did you enqueue font awesome?
Check the css in inspector and try see if it's either not applying the css for the font awesome icons or just not loading the font
I fixed it,