icon var

Jeffo79 · October 8, 2019

Hi,

I am a bit of a novice at coding, but I am creating an icon bar what sit in a standalone section on a page, problem is the backgroun colour of my icon bar is overtaking over parts of the page.

Is there away of stopping this happening?

Code below

.icon-bar {
width: 100%;
background-color: #555;
overflow: auto;
}

.icon-bar a {
float: left;
width: 20%;
text-align: center;
padding: 12px 0;
transition: all 0.3s ease;
color: white;
font-size: 36px;
}

.icon-bar a:hover {
background-color: #96B422;
}

.active {
background-color: #C45791;
}
</style>
<body>

</body>
</html>

Funce · October 13, 2019

The HTML code doesn't seem complete.

Where is the Header and Title parts of the page in your HTML? What classes are applied to them?

Sign In

icon var

Recommended Posts

Jeffo79

Link to comment

Share on other sites

Funce

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity