Mouseovercolour on Textblock - Support | Kriesi.at

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
September 5, 2016 at 9:21 pm #682358

craty78
Participant

Hey Guys,
i have an own coded Gallery.
But if i make mouseover, there comes the colour with Hexcode #A0A0E0.
i havent this colour anywhere in my theme and i dont know from where this colour comes.

I Post my css and my html code…
There u can see that this colour isnt in the code

Can u help me and sry for my bad english…

The HTML-Code:

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”leistungen.css”>
</head>
<body>
<ul class=”block-highlights”>
<div>

</div>
<h3>Traumbad aus einer Hand</h3>
<p>
This is your descriptions. Let’s make this a bit longer for demonstration purposes.
</p>
<div>

</div>
<h3>Teilsanierung</h3>
<p>
This is your descriptions. Let’s make this a bit longer for demonstration purposes.
</p>
<div>

</div>
<h3>Fliesenverlegung</h3>
<p>
This is your descriptions. Let’s make this a bit longer for demonstration purposes.
</p>
<div>

</div>
<h3>Trockenbau</h3>
<p>
This is your descriptions. Let’s make this a bit longer for demonstration purposes.
</p>
<div>

</div>
<h3>Estrich verlegen</h3>
<p>
This is your descriptions. Let’s make this a bit longer for demonstration purposes.
</p>
<div>

</div>
<h3>Kernbohrung</h3>
<p>
This is your descriptions. Let’s make this a bit longer for demonstration purposes.
</p>

</body>
</html>

And The CSS Code:

@charset “utf-8”;

.block-highlights * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.block-highlights {
width: calc(100% – 15px);
margin: 0 0 0 15px;
padding: 0;
clear: both;
list-style-type: none;
box-sizing: border-box;
}

.block-highlights a {
text-decoration: none;
}

.block-highlights li {
width: calc(33.3% – 15px);
float: left;
margin: 0 15px 15px 0;
padding: 0 !important;
background: transparent;
transition: background 0.25s;
list-style-type: none;
}

.block-highlights li h3, .block-highlights li p {
color: #565455;
}

.block-highlights li:hover h3, .block-highlights li:hover p {
color: #4685c8;
transition: color 0.25s;
}

.block-highlights li a > div {
position: relative;
}

.block-highlights li img {
width: 100%;
height: auto;
display: block;

filter: grayscale(100%) brightness(0.75);
-webkit-filter: grayscale(100%) brightness(0.75);

transition: filter 0.25s, -webkit-filter 0.25s;
}

.block-highlights li:hover img {
filter: none;
-webkit-filter: none;
}

.block-highlights li h3 {
width: 100%;
margin: 0;
padding: 20px 10px 10px;
text-align: center;
}

greetz
Tommy