Slider caption and title sizing

Hi Amy,

The login details you posted are not working, please check and verify. If you have a screenshot highlighting what you would like to achieve, then please share that with us as well.

Best regards,
Rikard

Hi,

Thanks for that. You have this somewhere in the theme, which is setting the size on mobile:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}
}

I can’t check where it’s coming from, since /wp-admin/ redirects to an account page.

This CSS which is likely added in the same place, is setting the size for the caption:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption .avia-caption-content {
    font-size: 13px !important;
}
}

This CSS is controlling the position of the numbers:

@media only screen and (max-width: 767px) {
.av-no-preview .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner {
    line-height: 60px;
}
}

And this controls the timeline:

@media only screen and (max-width: 767px) {
.av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap:after {
    left: 32px;
}
}

Best regards,
Rikard

Hi,

Thanks for the update. If you need help with finding CSS, then we need access to the WordPress backend. /wp-admin/ redirects to the URL in private, so we can’t access it.

Best regards,
Rikard

Hi,

Thanks for that. I see that some of the CSS is coming from the theme, but they are possible to override, even though they are using !important. I added this to the top of your Quick CSS box for example:

.responsive #top .slideshow_caption h2{
    font-size: 26px !important;
}

And it’s applying to your site. You should be able to do the same thing with the other blocks as well.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard