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

Your Time: Our Time:

Carrousel + Countdown design issues

Featured Lock Resolved Issue
I wonder if you guys can help me resolve this issue.
In the Home Page from Politist there is a Vídeo and a Countdown addon. I changed the Video addon for a Carrousel addon, but the design is never equal. It get worse when you see it through other screens.

As you can see in the attachment the Carrousel won't adjust in the height of the container. I tried some css adjust, but never succeded (all changes were undone)

The website is http://www.cristianoalmeidabp.com.br and Toufiq already has a user to check this out =) (the website is in offline mode)

Please, check this and tell me if we can do something about. Otherwise I'll have to think about changing it.

Thanks in advance!

Attachments (1)

  • issue1.PNG
    issue1.PNG 590.6 KB

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Fator 3 Informática wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please check now. I have modify some custom css.


.sp-politist-upcoming-campign .sppb-addon-countdown {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
padding: 30px 0 20px 75px;
}

.sp-politist-upcoming-campign .sppb-cd-contect-wrapper #sppb-um-match-countdown {
color: #9e9e98;
padding: 0;
margin: 18.5px 0;
}


-Thanks


Hi! Thanks a lot!
I did improve the code with height: 100% in .sppb-addon-countdown class. So in every screen background would cover.

So the solution was:


.sp-politist-upcoming-campign .sppb-addon-countdown {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
padding: 30px 0 20px 75px;
height: 100%;
}

.sp-politist-upcoming-campign .sppb-cd-contect-wrapper #sppb-um-match-countdown {
color: #9e9e98;
padding: 0;
margin: 18.5px 0;
}


Hi, Thanks for your reply. yes, you made solve, that's great. Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please check now. I have modify some custom css.


.sp-politist-upcoming-campign .sppb-addon-countdown {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
padding: 30px 0 20px 75px;
}

.sp-politist-upcoming-campign .sppb-cd-contect-wrapper #sppb-um-match-countdown {
color: #9e9e98;
padding: 0;
margin: 18.5px 0;
}


-Thanks

Fator 3 Informática

More than a month ago #Permalink
Toufiq wrote:

Hi,

Thanks for your query. Please check now. I have modify some custom css.


.sp-politist-upcoming-campign .sppb-addon-countdown {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
padding: 30px 0 20px 75px;
}

.sp-politist-upcoming-campign .sppb-cd-contect-wrapper #sppb-um-match-countdown {
color: #9e9e98;
padding: 0;
margin: 18.5px 0;
}


-Thanks


Hi! Thanks a lot!
I did improve the code with height: 100% in .sppb-addon-countdown class. So in every screen background would cover.

So the solution was:


.sp-politist-upcoming-campign .sppb-addon-countdown {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
padding: 30px 0 20px 75px;
height: 100%;
}

.sp-politist-upcoming-campign .sppb-cd-contect-wrapper #sppb-um-match-countdown {
color: #9e9e98;
padding: 0;
margin: 18.5px 0;
}


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Sifat

Sifat

Total Accepted Answers: 62
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 20
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303290

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