Spotlight Carousel

[donna]

I am using the spotlight carousel and I need to change the color & sizes of the captions. I don’t know where to find the short codes to change them. It’s [image_wrap caption and subcaption. Where do we find these short codes that are used through so we can change them accordingly?

Thanks,

[Raghavendra]

Donna – better to change the CSS than target the shortcode itself. Can you pls provide me a link to the page so that I can suggest the right Custom CSS to resolve this?

[donna]

This reply has been marked as private.

[Veena]

1. Can you pls share a screenshot of spotlight carousel?

2.Pls use the below custom CSS-

.so-widget-lsow-accordion li {
    list-style: disc !important;
}

3.Pls have the below custom CSS in themeoptions –

#title-area {
    padding: 65px 0 45px;
}
#title-area h1{
    text-align: center;
}

Can you pls ask all your queries in a summarized way or as a bulleted list that helps increase the readability, otherwise there is a chance of missing points .

[donna]

This reply has been marked as private.

[Veena]

1.Pls modify the custom CSS to

.so-widget-lsow-accordion li {
    list-style: disc !important;
    list-style-position: inside !important;
}

2.I don’t see any spacing issue.

3.You can use the below custom CSS –

.lsow-posts-carousel .lsow-image-info h3 a {
    color: #000;
    font-size: 16px;
}
.lsow-posts-carousel .lsow-image-info .lsow-terms a {
    color: #000;
    font-size: 18px;
    font-style: italic;
}
.lsow-posts-carousel .lsow-image-info h3 a:hover {
    border-bottom: 2px solid #ccc;
}

4. YOu can modify that in hero section widget edit window .

[donna]

This reply has been marked as private.

[Veena]

1. Can you pls share the screenshot of spotlight carousel only?

3.You can use the below custom CSS-

.so-widget-lsow-accordion li {
    padding: 0px !important;
    list-style: disc !important;
    list-style-position: inside !important;
}

4.

div#giving-quote h3 {
    color: #000 !important;
    font-size: 22px;
}
div#giving-quote h2 {
    color: #3A3A3A !important;
    font-size: 30px;
}

[donna]

This reply has been marked as private.

[Veena]

Pls use the below custom CSS in themeoptions-

#spotlight-carousel .caption {
    color: #000;
    font-size: 14px;
}
#spotlight-carousel .subcaption {
    color: #3A3A3A;
    font-size: 16px;
}

[Author]

Posts