• Resolved mzedig

    (@mzedig)


    Can someone please tell me how to change the font and size of my twitter feed widget? I have MayaShop theme and have used the Kebo Twitter Feed plug in. I basically need the widget to look more like a twitter feed for it to stand out from the rest.

    Also, Is there a way of adding the twitter bird logo somewhere near the feed?

    Thanks so much
    Marie

    https://wordpress.org/plugins/kebo-twitter-feed/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Peter Booker

    (@peterbooker)

    Hi mzedig,

    By default the Widget attempts to fit into your current theme as seamlessly as possible (without standing out). You can alter this with custom CSS as noted below (edit the font-size values as desired).

    You can control the size of all the text in the widget using:

    html body ul.kebo-tweets {
        font-size: 13px;
    }

    And control the size of the account name and date by using:

    html body ul.kebo-tweets .kmeta {
        font-size: 17px;
    }

    There is no built in way to display the Twitter bird, but if your theme has icon fonts / a twitter icon image then it would be possible.

    Thread Starter mzedig

    (@mzedig)

    Thanks very much for getting back to me, Peter.

    So from what I understand I just need to paste the above in the ‘Custom Style’ that sits within ‘General’ of my theme (Maya shop). Sadly it doesn’t work… Am I missing something?

    I’m very new to this and I’m still getting my head around all this coding … I’m sure you’ve heard that before!

    Thanks again,
    Marie

    Plugin Author Peter Booker

    (@peterbooker)

    Hi Marie,

    I have never used the Maya Shop Theme, but that sounds like the right place. It could be the order the styles are added to the page, so we can make it more specific to avoid that issue, try these:

    html body #sidebar ul.kebo-tweets {
        font-size: 13px;
    }
    
    html body #sidebar ul.kebo-tweets .kmeta {
        font-size: 17px;
    }

    No problem at all, it is always a difficult time when you get things almost as you want them, but there are little tweak you want to make.

    Thread Starter mzedig

    (@mzedig)

    Hi again Peter,

    Ok thank you. That seems to work, partly at least! When I change the pt size here

    html body #sidebar ul.kebo-tweets .kmeta {font-size: 14px;}

    it changes the @name and the date, but sadly not the copy of the tweet itself.

    Any further ideas…?

    Marie

    Plugin Author Peter Booker

    (@peterbooker)

    Hi Marie,

    Sure, the line with .kmeta at the end controls just the account name and date. The line without .kmeta controls the font-size of the whole widget.

    So to control the font-size of the whole widget you would use (adjust the font size as desired):

    html body #sidebar ul.kebo-tweets {
        font-size: 13px;
    }
    Thread Starter mzedig

    (@mzedig)

    Hi Peter,

    Yes, I understand. However, for some reason it doesn’t work. The main tweet text just doesn’t seem to want to change pt size.

    Plugin Author Peter Booker

    (@peterbooker)

    Hi Marie,

    Okay, its not really something I can do without seeing the website live, so that I can see what is overwriting it myself. Could I see it on the live site? If you don’t want to post it publically, you could email it to support(at)kebopowered.com

    Plugin Author Peter Booker

    (@peterbooker)

    This was resolved by email, my thanks to Marie for providing me with the information required to help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing font size’ is closed to new replies.