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-wrapperto
.sow-carousel-wrapperand 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.
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 :)