• http://hrreinvention.redbranchmedia.com/

    I am trying to change the background color of the twitter widget. I have tried targeting it with ‘div.twtr-doc’ and with ‘#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4’

    I must be doing something wrong because I can’t get the background color to change or the font within. Thanks for any help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use these CSS selectors #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4

    E.g

    #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
     background-color: #fff;
     color: #000;
    }

    you have to some changes in your theme template where you add the twitter scripting:

    <script type="text/javascript">
    				new TWTR.Widget( {
                                            rrp : 5,
                                            theme : {
                                            shell : {
                                            background : "red", //change the background color & color according your need
                                            color : "#ab7373"
                                            },
                                            tweets : {
                                            background : "green", //change the background color & color according your need
                                            color : "#d41616",
                                            links : "#f9b3ee"
                                            }
                                            },
                                            width : "auto",
                                            height : 200,
                                            features : {
                                            live : true,
                                            scrollbar : false,
                                            timestamp : false,
                                            hashtags : false,
                                            avatars : true,
                                            loop : false,
                                            behaviour : "all"
                                            },
                                            version : 2,
                                            interval : 6000,
                                            type : "profile",
                                            title : null,
                                            subject : null,
                                            search : "@marenhogan"
                                            } ).render().setUser('@jasonlauritsen').start();
    			</script>

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Having trouble targeting’ is closed to new replies.