Background image prevent buttons

[alimou]

Hello everyone,

i have an issue with my wordpress template. and i need really your help dear css comunity.

i uploded an image to a sidebar in the template, but when i close the sidebar, there are some buttons that dosen’t work because of the image i uploaded, it dosen’t display only if i click on the sidebar menu to open.

i want to keep the image background in the sidebar, but i don’t know to make the buttons work again, they worked before i upload the image. should i modify the codes of the background or the codes of the buttons.

[alimou]

.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;
}

[Paulie_D]

A basic CSS codedump is of little use unfortunately.

We would need a minimal demo in Codepen.io to be able to help.

[Author]

Posts