This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

SiteOrigin Post Carousel

10 years ago · Last reply by Daniel 10 years ago

I am hoping someone may be able to help me.

I am using the Vantage Theme and I have created a child theme to customise the site to my needs.

On the Home page I am using the Post Carousel widget to pull in posts from specific categories http://demo2.gcits.co.uk/ . After playing around and editing my child theme’s style.css I have had no success in changing the colour of the Post Title. Could someone please help with this?

I have already tried:

.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 a {
   color: #FFFFFF !important;
}

As I am using the premium version of I have tried changing the

.vantage-carousel-wrapper
to
.sow-carousel-wrapper
and this still hasn’t made a difference. I may have that wrong – I am quite new to CSS.

Something else I would like to do is add a snippet of the post article to appear on hover. So far I have managed to change the background colour http://demo2.gcits.co.uk/ . The effect I am trying to get can be seen at the top of this page under the heading Fashion. http://demo2.gcits.co.uk/blog/category/fashion/ This is using a plugin, but you have to set the posts manually.

This is currently how my style.css page looks.

@charset "utf-8";
/* CSS Document */
/*
 Theme Name:     Vantage Child
 Author:         SiteOrigin
 Template:       vantage
 Version:        1.0.0
*/
@import url("../vantage/style.css");
.sow-carousel-title a.sow-carousel-next, .sow-carousel-title a.sow-carousel-previous {
display: none;
}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a span.overlay {
background: #ee258a !important;
}

Any help with be very much appreciated.

URL: http://demo2.gcits.co.uk

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Daniel Staff 10 years, 10 months ago

    Hi BullnetCreative

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a {
        color:red !important;
    }

    You can change the color red to the color of your choice

    Cheers :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread