Amanda Watson
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
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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
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
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)
.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;
}
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;
}
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)
ASKER
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
ASKER
In the custom css with the site customisation
its not showing!!!
its not showing!!!
ASKER
It worked if I put it in the Visual Composer CSS
ASKER
awesome thanks
You are welcome.
ASKER
Its the latest news scroller down the bottom I can't seem to change?