cta detail

This commit is contained in:
Set Sakrecoer 2019-06-18 17:09:48 +02:00
parent d7508bab76
commit ad78359b11
3 changed files with 15 additions and 5 deletions

View file

@ -39,7 +39,7 @@
kl. {{ event.event_data.start_datetime | date: "%R"}}<br />
Typ av konst: {{ event.category }}</p>
<h3>{{ event.description | truncatewords: 10 }} </h3>
<p><a class="cta" href="{{ event.url }}">Läs mer</a></p>
<p><a class="cta" href="{{ event.url }}" style="padding:10px;"> Läs mer </a></p>
</div>
{% break %}
{% endif %}

View file

@ -21,7 +21,7 @@ input[type=text], input[type=email], textarea, select {
input[type=submit] {
width: 200px;
background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
background-color: rgb(165, 202, 195);
color: black;
padding: 14px 20px;
margin: 8px 0;
@ -29,10 +29,15 @@ input[type=submit] {
border-radius: 4px;
cursor: pointer;
font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
input[type=submit]:hover {
background: linear-gradient(97deg, rgb(165, 202, 195), rgb(84, 241, 210));
background-color: rgb(84, 241, 210);
}
/* CSS Created by CSS CHECKBOX */

View file

@ -148,7 +148,7 @@ a:active {
background-image: url('/images/tile.png');
}
a.cta{
background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
background-color: rgb(165, 202, 195);
color: black;
padding: 14px 20px;
margin: 8px 0;
@ -156,9 +156,14 @@ a.cta{
border-radius: 4px;
cursor: pointer;
font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
a.cta:hover {
background: linear-gradient(97deg, rgb(165, 202, 195), rgb(84, 241, 210));
background-color: rgb(84, 241, 210);
}
.square-image {
width: 150px;