Blog Info
- My current Blog uses WordPress 4.1
- I’m using Twenty Twelve Theme with a modified style.css
WordPress Details about style.css modification
Changing style.css from Twenty Twelve Theme : Appearance -> Editor
For Firefox Users:
Note you can right click on the text and select -> Inspect Element (Q) to find out the
CSS element name and to test the change values for fontsize, colors and borders !
------------------------------
Changes for style.css for my current 4.1 WordPress style.css file :
1) Add pre TAG right after a:hover TAG:
a:hover {
color: #0f3647;
}
<-- add this
pre{
background-color: #EBECE4;
}
<---
2)Change the following in .entry-content pre
.entry-content pre,
.comment-content pre {
border: 2px solid #00f; <-- changed !
color: #666;
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 10px;
font-size: 0.75rem; <-- changed !
line-height: 1.3; <-- changed !
margin: 24px 0;
margin: 1.714285714rem 0;
overflow: auto;
padding: 24px;
padding: 1.714285714rem;
Headline changes
.menu-toggle {
display: none;
}
.entry-header .entry-title {
font-size: 22px;
font-size: 1.1rem; <-- changed !
margin: 24px 0;
}
------------
Changing Menu/Navigation
.main-navigation li a {
border-bottom: 0px none;
color: #6A6A6A;
line-height: 2; <--- Changed
text-transform: uppercase;
white-space: nowrap;
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border-bottom: 1px solid #000; <--- Changed
border-top: 1px solid #000; <--- Changed
....
------------------
Changing table layour
.entry-content table, .comment-content table {
color: #757575;
font-size: 0.757143rem; <--- Changed
line-height: 1.2; <--- Changed