Have you tried using a plugin to accomplish this?
You might also be able to embed it from Twitter themselves. Why not read this by twitter support.
Thread Starter
Gains
(@gains)
I already did that, I have the timeline on my site, now I just want to have some control of the colors and move it up a bit.
EDIT//
I moved the timeline to the right widget so that’s cool now, but I still want to do something about the colors but I don’t know how.
Thread Starter
Gains
(@gains)
Anyone who can help me change the colors on the Twitter line?
It’s black, blue and grey now, I want some dark red and gold instead.
Further down in this link there are some codes that maybe would solve it for me, problem is, I don’t know where to put them, and what parts of the code.
Thread Starter
Gains
(@gains)
If you have full control over the code that embeds the timeline, you can add some parameters to your embedding code to manipulate the look and feel of an embedded timeline, albeit limited. Basically, you can only pick a light or dark theme, and choose the link colors, and there’s a few more at https://dev.twitter.com/web/embedded-timelines/parameters
If you go to https://twitter.com/settings/widgets/new/user you will see the page where you can generate the code for your embedded timeline, and set the theme and the link color for it.
Thread Starter
Gains
(@gains)
The code I have is this:
Tweets by @Gregory_Gains
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>
And with the codes from:
https://dev.twitter.com/web/embedded-timelines/parameters
I can change the border color and link color, examples:
<a class=”twitter-timeline”
data-widget-id=”600720083413962752″
href=”https://twitter.com/TwitterDev”
height=”400″
data-chrome=”nofooter”
data-link-color=”#820bbb”
data-border-color=”#a80000″>
Tweets by @TwitterDev
JavaScript factory example
twttr.widgets.createTimeline(
“600720083413962752”,
document.getElementById(“container”),
{
height: 400,
chrome: “nofooter”,
linkColor: “#820bbb”,
borderColor: “#a80000”
}
);
But I don’t know where to put it or what parts to use, I have no idea.
I want to change the border color, the link color, but also the text color, which is black now.
Thread Starter
Gains
(@gains)
I solved some of the issues, but there are still some blue in there and the matter of the grey scrollbar.
@Gregory_Gains
Embed
View on Twitter
This is in blue, I would like #850000
Thread Starter
Gains
(@gains)
I wrote a new post in Plugins and Hacks as my issues are about a plugin and the options around that plugin (Twitter).
Is the issue you are reporting on about Twitter’s code or a plugin?
Thread Starter
Gains
(@gains)
Actually I don’t know, I have no knowledge about coding, all I know is I want to change the blue color to dark red. 🙂
http://www.gregorygains.com
