Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Background image prevent buttons Reply To: Background image prevent buttons

#278184
alimou
Participant

.carousel-cell
{
margin-right: 50px;
}

.carousel-cell .post-num
{
color: #a6a6a6;
padding-top: 25px;
}

.carousel-cell h2.entry-title
{
font-family: ‘Roboto’, sans-serif;
font-size: 15px;
line-height: 20px;
padding: 0;
font-weight: 700;
}

.carousel-cell .cat-links
{
color: #000000;
}

.carousel-cell .cat-links:before
{
content: “”;
display: inline-block;
width: 25px;
height: 1px;
background-color: #000;
vertical-align: 5px;
margin-right: 5px;
}

.flickity-prev-next-button.next
{
background-image: url(‘images/[email protected]’);
background-size: 35px 20px;
width: 35px;
height: 20px;
transition: transform .3s ease;
overflow: visible;
}

.flickity-prev-next-button.previous
{
background-image: url(‘images/[email protected]’);
background-size: 35px 20px;
width: 35px;
height: 20px;
transition: transform .3s ease;
overflow:visible;
}

.flickity-prev-next-button.next:hover
{
overflow : visible;
transform: translateX(10px);

}

.flickity-prev-next-button.previous:hover
{
overflow: visible;
transform: translateX(-10px);
}

.carousel-slider img
{
max-width: none;
max-height: none;
}

.flickity-prev-next-button.next
{
right: auto;
left: -60px;
z-index: 2;
bottom: 95px;
top: auto;
overflow: visible;
}

.flickity-prev-next-button.previous
{
right: auto;
left: -110px;
z-index: 2;
bottom: 95px;
top: auto;
overflow: visible
}

.flickity-prev-next-button
{
background-color: transparent !important;
overflow: visible
}

.flickity-prev-next-button:focus
{
outline: none;
box-shadow: none;
overflow: visible;
}

.flickity-prev-next-button svg
{
display: none !important;
overflow:visible;
}