slide positioning is off

Hi,

You have some CSS in your theme that creates problem with our theme.
You can add in your custom CSS tab:

.wpcufpn_widget_smooth-effect .smooth-effect: margin-right: 0px !important;

It should do the trick.

Cheers,

Hi!
It looks like I already have this customization in my css… Can there be something else causing this? Here are all the css customizations I’ve put in:

.slides{
background-color: rgba(0,0,0,0);
}
.wpcufpn_widget_smooth-effect .smooth-effect {
margin-right: 0px !important;
}
.wpcu-front-box .date{
display:none !important;
}
.wpcu-front-box .custom_fields {
display:none !important;
}
.wpcu-front-box.bottom {
height: 100% !important;
top: 0 !important;
}
.wpcu-front-box.bottom a .title {
font-family: “futura-pt”, sans-serif !important;
padding-top: 10em !important;
margin-top: 0px !important;
}
@media (max-width: 767px) {
.wpcu-front-box.bottom a .title {
padding-top: 82% !important;
}
.wpcu-front-box.bottom a .read-more {
margin-top: -1px !important;
}
}
.wpcu-front-box.top a .category{
position: relative !important;
bottom: auto !important;
top: 5% !important;
}
.wpcu-front-box.bottom a .read-more {
margin-top: -5px !important;
}
.wpcu-front-box a .category {
opacity: 1 !important;
font-size: 1em !important;
}
.wpcu-front-box.bottom{
background: rgba(0,0,0,0.3) !important;
box-shadow: none !important;
}
li.smooth-effect:hover .wpcu-front-box.bottom{
background: rgba(0,0,0,0.1) !important;
box-shadow: none !important;
}
.wpcu-front-box.top {
text-align: center;
z-index: 99 !important;
height:auto !important;
background: rgba(0,0,0,0) !important;
box-shadow: none !important;
}
li.smooth-effect:hover .wpcu-front-box.top {
background: rgba(0,0,0,0) !important;
box-shadow: none !important;
}
li.smooth-effect .wpcu-front-box a .text, li.smooth-effect:hover .wpcu-front-box a .text {
border-bottom:0px !important;
padding-bottom: 0px !important;
}
li.smooth-effect .wpcu-front-box a .title, li.smooth-effect:hover .wpcu-front-box a .title {
border-top:0px !important;
}
.flex-next::before, .flex-prev::before {
color: #ffffff !important;
}
.flex-next {
right: 10px !important;
opacity: 0 !important;
}
.wpcufpn_widget_smooth-effect:hover .flex-next {
opacity: 0.7 !important;
right: 10px !important;
}
.flex-prev {
left: 10px !important;
opacity: 0 !important;
}
.wpcufpn_widget_smooth-effect:hover .flex-prev {
opacity: 0.7 !important;
left: 10px !important;
}
.flex-direction-nav a {
top: 13em !important;
}
.flex-control-paging li a {
margin: 0 7px !important;
}

.text-under-slider{
margin: 1vw 15vw 1vw;
text-align: center;
color: #4a4a4a;
}

.flex-control-nav{
padding: inherit !important;
width: auto !important;
position: relative !important;
bottom: -1.5vw !important;
top: 1vw !important;
}
.flex-control-nav li{
float: initial !important;
}

Thank You!!

OK but I see the problem is located here, a margin-right has been added: https://goo.gl/Gv8NRl

Thank you for your reply!
That css is part of the plugin (the file you’re referencing in the screenshot is in the plugin’s directory, and it hasn’t been modified). Also, if I try to change that line to:

margin-right: 0px !important;

then all subsequent slides begin to slip forward on the right side.

Hi,

My bad, there’s a padding added on the ul for the left column in your DIVI css: https://goo.gl/eTSY3Y

Add this code to the custom CSS tab, it should do the trick:
div#left-area ul.defaultflexslide{padding: 0;}

Cheers,