We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Remove empty space and change colors

Featured Lock Resolved Bug
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)

  • Screenshot_2.jpg
    Screenshot_2.jpg 46.5 KB

7 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
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

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
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

sakis

More than a month ago #Permalink
Thanks for your quick reply Mehtaz Afsana Borsha..this custom css change the colors but not the empty space. Pls check screenshot

Attachments (1)

  • Screenshot_3.jpg
    Screenshot_3.jpg 55.8 KB

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
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

sakis

More than a month ago #Permalink
Sorry but not...pls check the image

Attachments (1)

  • Screenshot_4.jpg
    Screenshot_4.jpg 56.4 KB

sakis

More than a month ago #Permalink
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;
}


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

123

Templates

326991

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us