1. Doctor
  2. Saturday, 23 November 2019
Hi ...I have a problem at this webiste https://vkouvidis.gr/

As you can see at mobile version down from the slideshow the background color at three addons is different and every addon leave an empty space..from the right///the first leave a small empty space...the second a bigger empty space and the third no empty space. How can I make that three addons not have empty space from the right and how can I change the background colors? Thanks for your help
Attachments (1)
Accepted Answer
I found the solution. Change the 100% to 110% at this code
.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9 {
position: relative;
width: 110%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

Thats great :D
  1. more than a month ago
  2. Doctor
  3. # Permalink
Responses (6)
I found the solution. Change the 100% to 110% at this code
.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9 {
position: relative;
width: 110%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
  1. more than a month ago
  2. Doctor
  3. # 1
Sorry but not...pls check the image
Attachments (1)
  1. more than a month ago
  2. Doctor
  3. # 2
Thanks for your quick reply Mehtaz Afsana Borsha..this custom CSS change the colors but not the empty space. Pls check screenshot

Hi,
Try this. It should work fine. I also check this.

.mednet-features-list .mednet-features-two:after {
width: 400px !important;
}

-Regards
Mehtaz
  1. more than a month ago
  2. Doctor
  3. # 3
Thanks for your quick reply Mehtaz Afsana Borsha..this custom css change the colors but not the empty space. Pls check screenshot
Attachments (1)
  1. more than a month ago
  2. Doctor
  3. # 4
Hi,
Try this custom css.And after applying this css please also claer your template cache when you check your result.

.mednet-features-list .mednet-features-one:after {
background: deepskyblue !important;
}
.mednet-features-list .mednet-features-one:after, .mednet-features-list .mednet-features-two:after, .mednet-features-list .mednet-features-three:after {
right: -5px !important;
}
}
.mednet-features-list .mednet-features-two:after {
width:380px !important;
}
.mednet-features-list .mednet-features-one.mednet-features-one-v2:after, .mednet-features-list .mednet-features-two:after {
background: orchid !important;
}
.mednet-features-list .mednet-features-three:after {
background: rebeccapurple !important;
}

-Thanks
  1. more than a month ago
  2. Doctor
  3. # 5


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.