On our 3rd party extensions demo
Yjsg 3rd party extension demo
we have added few css overrides for some of the featured extensions to blend them in nicely with Eximium.
Here are the extended CSS rules we've used.
Code:
/* 3rd PARTY EXTENSIONS */
/*easyblog*/
#eblog-wrapper #eblog-search .search-input input {
height:30px!important
}
#eblog-search .button-search {
line-height:17px
}
/*kunena*/
#Kunena .kblock div.kheader {
padding:20px;
}
#Kunena tr.krow1 td,
#Kunena tr.krow2 td {
padding: 15px 8px;
}
/*mijoshop*/
#header_oc {
margin-bottom: 25px;
}
#header_oc #search_oc input {
height:25px;
}
#header_oc .button_oc-search {
top:2px;
}
#header_oc #search_oc {
width:auto;
}
#footer_oc .column ul {
margin-left:0;
padding-left:0;
}
.box-product {
margin-left: 0;
}
.box_oc .box-product > div {
float: left;
margin: 0;
width: 25%;
}
.box_oc .box-product > div .image {
margin: 0 10px;
padding: 10px;
text-align: center;
}
.box-product .image img {
padding:10px;
}
.box-product .name,
.box-product .price,
.box-product .cart {
text-align:center;
}
.product-grid > div {
margin:0 10px 10px 10px;
}
.product-grid > div {
margin:0;
width: 25%;
margin-right: 0;
float: left;
padding: 10px;
}
.product-grid .image img {
width: 100%;
}
@media screen and (max-width: 979px) {
.product-grid > div {
width: 50%;
}
}
.box_oc .box-heading,
.box_oc .box-content,
#header_oc #search_oc input,
.com_mijoshop input,
.com_mijoshop select,
.com_mijoshop button,
.com_mijoshop .btn {
-webkit-border-radius:0px;
-khtml-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
#colorbox,
#colorbox * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* joomsocial*/
#community-wrap .input-prepend.input-block-level .add-on {
line-height:1.6;
}
#community-wrap .outerpgbar {
height:21px;
}
.ui-datepicker .ui-datepicker-title select {
color: #111;
}
/* k2*/
div.subCategory,
div.itemListCategory,
div.itemToolbar,
div.itemAuthorBlock,
div.itemComments,
div.userBlock,
.even,
div.itemNavigation,
div.latestItemsCategory {
background:#fcfcfc;
}
div.itemCommentsForm form .inputbox {
padding:6px 12px;
}
div.itemImageBlock {
padding:0;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
line-height:1.9;
}
div.k2ItemsBlock ul {
list-style-type:none;
}
div.k2ItemsBlock ul li {
background:none;
}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {
margin-right:0;
}
div.catItemView {
padding: 10px;
}
div#itemListPrimary {
margin: 0 -10px;
}
div.catItemImageBlock {
padding:8px 0;
}
.com_k2.view-item iframe[src="about:blank"] {
display:none;
}
Feel free to copy those and add them in your custom.css file