I am loving this theme but there were few changes I had to make… (with most of them I received help from Olgierd – thanks Olo!).
Added these:
#bg_image {
max-width: 100%;
height: auto;
}
.entry-content blockquote {margin-bottom: 1em;}
code, pre { background: #333; color: #18ef18 !important; }
.widget-container {
padding:2px;
margin: 2px 0 5px 0;
}
.widget-container ul li {
display:block;
float:none;
margin-bottom:2px;
}
to the Custom CSS section in the Miscellaneous settings of the Tempera:
And then I had to comment few things out in the style.css file body.
/* */ out the:
white-space: nowrap;
in the:
.entry-content code {
border: 1px solid transparent;
border-bottom:3px solid transparent;
clear: both;
display: block;
float: none;
margin: 0 auto;
overflow: auto;
padding: 10px !important;
text-indent: 0;
white-space: nowrap;
}
/* */ out the
height:100%
in the:
#header-container {
display:block;
float:none;
position:absolute;
top:0px;
width:100%;
height:100%;
}
And here is my theme options export file.
Last step was to replace the files Etsy.png and Technocrati.png in the /var/www/html/wordpresswp-content/themes/tempera/images/socials/ folder with the custom SMF Forum and Piwigo icons that I have created in Inkscape.
Tadaaaa… All done ;).
Cheers.
Andrzej