Link to home
Start Free TrialLog in
Avatar of Amanda Watson
Amanda WatsonFlag for Australia

asked on

Could I have some help for an easy CSS change to this latest news scroller

I have this site here http://beltedgalloway.org.au/newsite/ and the latest news scroller on the homepage needs to have the background color changed to something similar to the header colour.
The text will also need to be changes.
What is the class I need to change this.
I tried .flexislider and it didn't work?
Could someone please help?
A
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Amanda Watson

ASKER

Sorry I was referring to further down the page....the latest news scroller....but thanks for that other hint.

Its the latest news scroller down the bottom I can't seem to change?
Sorry How can i add opacity to the background strip only and not the text?
 I am still wanting to change the rotating latest news though as its the real problem
The background colour for the news is in js_composer.min
.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {
	background-color: #f7f7f7;
	opacity: 1;
	filter: alpha(opacity=100);
	color: inherit;
	padding: 10px 15px;
	position: static;
}

Open in new window

Add this to your custom style sheet after the above
.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {
	background-color: red;
        color: blue;
}

Open in new window

Obviously change colours as required.

Opacity affects everything - you can make the background semi-opaque like so

background-color: rgba(0,0,0,0.5) /* background-color: rgba(RED,BLUE,GREEN,ALPHA)

The R,G,B are in decimals, the ALPHA is a value between 0 (transparent) and 1 (opaque)
That seems to work when i change it in custom css but then it doesn't apply to the live site http://beltedgalloway.org.au/newsite
Where did you make the change on live - I can't find it
In the custom css with the site customisation

its not showing!!!
It worked if I put it in the Visual Composer CSS
awesome thanks
You are welcome.