How to remove border from top and bottom

And also how can I change the color of “from” and the dosts between reply, tweet, favourite?

Generally the trick is to make the CSS more specific as per this article here for example. You can also use the !important CSS coommand as a last resort. I tend to use the browser ‘inspect’ command to understand what’s happening with my CSS.

To change the dot and the from, start with some CSS for p.rtw_meta.

Martin

So I tried these for sorting out the border:

.rotatingtweet {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.rotatingtweet {
	border-top: none !important;
	border-bottom:none !important;
}

Both of them didn’t work.

And for the from and the dots I tried these codes as you suggested:

p.rtw_meta {
    color: #87CEEB !important;
}

p.rtw_meta,div.rtw_meta {
	color: white;
	margin-bottom: 5em;
}

p.rtw_meta,div.rtw_meta,div.rtw_meta_wide,div.rtw_name,div.rtw_id,div.rtw_time_short,div.rtw_rt_meta {
	font-size: 4 em; // this was just to make the effect more visible
	color: white;
	line-height: normal;
	white-space: normal;
}

None of them worked.

Any idea why? Maybe enabling custom styling will help ?

!important is generally a last resort.

The borders are set in this piece of CSS:

#content .rotatingtweets,
#content .norotatingtweets  {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 3%;
}

Because #content .rotatingtweets is more specific than .rotatingtweets in your CSS that means that it ‘trumps’ the selector you’ve chosen.

So, in order to overwrite it, you need something like:

#content .rotatingtweets,
#content .norotatingtweets  {
	border-top: none;
	border-bottom: none;
	margin-bottom: 3%;
}

in your rotatingtweets.css file. If that still doesn’t work, then you can try adding !important or (and this is better) look for relevant selectors to make your selector more specific.