Twenty Fifteen custom CSS

I spent a fair amount of time on my blog’s CSS when I switched the col­or scheme of the Twen­ty Fif­teen theme to aqua. But I always had a feel­ing that blue text on white back­ground is not nice to the eyes and per­haps noth­ing beats the black text on white back­ground for read­abil­i­ty.

I am final­ly chang­ing the text col­or to black and what is a best place to save the CSS than this blog itself. WordPress.com main­tains the CSS revi­sions, but for what it is worth, here is the Source Code Short­code in action.

[code language=“css”]

/* 31/Dec/2014
Links style
*/
.entry-con­tent a,
.entry-sum­ma­ry a,
.page-con­tent a,
.com­ment-con­tent a,
.ping­back .com­ment-body > a {
bor­der-bot­tom: 1px sol­id #55C3DC;
}

/* 12/Dec/2014
Remove page title
*/
.page h1.entry-title {
dis­play: none;
}

/* 15/Dec/2014
Align post titles to cen­ter
*/
h2.entry-title, h1, h4 {
text-align: cen­ter;
col­or: rgb(85,195,220);
}

/* 15/Dec/2014
Land­ing Page: Back­ground col­or
Land­ing Page: Align text to cen­ter
*/
.post-353, div.site-info {
back­ground: #e9f2f9;
text-align: cen­ter;
}

/* 15/Dec/2014
Con­tact Page: Sub­mit But­ton col­or
*/
input.pushbutton-wide {
back­ground-col­or: rgb(85,195,220);
}

/*16/Dec/2014
Col­or of WordPress.com cred­its
*/
.site-info a {
col­or: #55C3DC;
}

/*16/Dec/2014
Add Word­Press gener­i­con
*/
.menu-item-336 a:before {
con­tent: ‘\f205’;
}

/*17/Dec/2014
Change text and link col­ors to blue #0085BE;
*/
.site-con­tent, a, a:hover, a:focus {
col­or: #55C3DC;
}

/*16/Dec/2014
"More about me" but­ton styles
*/
a.btn-default, a.btn-default:focus {
col­or: #55C3DC;
back­ground-col­or: #e9f2f9;
bor­der: 2px sol­id #55C3DC;
padding: 10px;
bor­der-radius: 15px;
}

/*22/Dec/2014
"More about me" but­ton styles hov­er style
*/
a.btn-default:hover {
col­or: #55C3DC;
back­ground-col­or: #ffffff;
bor­der: 2px sol­id #55C3DC;
padding: 10px;
bor­der-radius: 15px;
}

/*
4/Jan2015
Site foot­er back­ground
*/
.site-foot­er {
back­ground-col­or: #E9F2F9;
}

[/code]


Comments

Leave a Reply

%d