Changing color of twitter widget

I want to change color of twitter widget accordingly to changing the color of template itself. How to send information about the color to module with JS-code?

Hi

I do not quite understand You question. If this js code is loading an iframe than there is nothing to do without the access to the page this element is taken from.

Hi

I do not quite understand You question.

I want to cutomise twitter widget https://twitter.com/about/resources/widgets/widget_search - change background color accordingly with color of template (red, pink, grey etc.) selected by user. Is it possible?

Hi

I'm affraid it may not be possible with this widget. Anyway put it on the site and show me the site than, so I will be able to check if it's possible and than tell You how.

Thanks for help,
I have sent you access information by email.

Hi

This is a joomla module not the a widget from twitter site so changeing the color is pretty easy. Please just play with this class in css:

Code: Select all

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
    background-color: #444444 !important;
    color: #FFFFFF !important;
}


Where I should play with this code - could I simply add this code as custom CSS in the Template Manager > Advanced Settings > Custom CSS code (with CSS override in the ON position, I guess)?

Hi

Yes exacly. You need to put this code as overwrite in template settings or in override.css file in /css folde. In both cases Override button must be set to ON.

Hi

Yes exacly. You need to put this code as overwrite in template settings or in override.css file in /css folde. In both cases Override button must be set to ON.

Hi,
Thank you, but this advice is not worked; color remains same.

Hi

Please send me an access to joomla site. I'll try to make it for You.

Hi

Please send me an access to joomla site. I'll try to make it for You.

Oh, thanks a lot for kindly assistance. Same site, same login and password, I shall send by email too.

Hi

Code worked, but it has to be used before widget's code.

Hi

Code worked, but it has to be used before widget's code.

Now there is unchangeable grey color, instead of red. Both Firefox and Chrome.

Hi

Yes I've changed it to this code myself. Please go to "twitter" module and You will see a style code at the end of the widget code.

Hi

Yes I've changed it to this code myself. Please go to "twitter" module and You will see a style code at the end of the widget code.

But what I should do for changing the color accordingly with style scheme selected by Style swithcher - red, grey, pink etc.?

Hi

In this case style for this widget is locked by !important value. So the only way to change it was by overwrite the code with the same value somewhere below it. So no turning back to style files. Maby with some php script. Unfortunately from this point it would be a customization so I cannot do much about it.

Thank you very much

Hi

No problem. Glad I could help.