Revolution Slider custom CSS

[bevldownie]

Hi

I purchased Pinpoint this morning and I would like to change the custom CSS for the text in the revolution slider. It works fine when I am editing the slides but the changes do not carry over to the website when I refresh – the colours revert back to the default colours.

Can anyone help with this?

Many thanks
Bev

[Cosmin – SUPPORT]

Hi Bev,

Where are you doing the changes exactly? Maybe it would be easier with some custom CSS in the theme options. A link to the site would also help.

Regards,
————————————————————————————————————

Cosmin
Support Assistant

[bevldownie]

Hi

I am changing the CSS in the Revolution Slider page.

The site is http://small-business-tools.co.uk/ (very early stages!) At the moment the text is just the default large text but I would like to be able to use different colours to tie in with the scheme.

I am not sure how to use custom CSS in the theme options.

Many thanks
Bev

[Ben – SUPPORT]

If you are editing in developer mode or firebug for example the changes won’t be saved when you refresh, if you go into “Pinpoint Options / General Options” and scroll down to custom css, if you post your new css into that box the changes will be made.

Thanks
-Ben

[bevldownie]

Hi Ben

I’m not sure I understand. I have put this custom CSS in the box you said to produce a big green text but it does not show in the revolution slider dropdown.

.tp-caption.big_green{
position: absolute;
color: #c7d9bf;
text-shadow: none;
font-weight: 700;
font-size: 36px;
line-height: 36px;
font-family: Arial;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fff;
letter-spacing: -1.5px;
}

[Cosmin – SUPPORT]

If the values you’re trying to change are already defined, then you’d need to add !important to the CSS, like so:

.tp-caption.big_green{
font-size: 36px !important;
}

Regards,
————————————————————————————————————

Cosmin
Support Assistant