I did mention that it works fine without compression but my site is really big and without css or js process or compression it takes several seconds to load a page.
Of course, because compression does nothing but break CSS and JS. It merges all the files together then it obfuscates them. That is horrible practice as CSS often uses relative URLs (relative to the location their file is at) and if the compression can't generate those relative paths to absolute paths properly then alter the CSS to use those new URLs properly it will not work. It's fine to use JS compression, but I do not recommend using CSS compression as you will absolutely have problems (not just with CB Connect, but with anything that has relative paths).
Could you please guide me on the css, probably a small add-on code would be needed, please.
Below is an example from with CSS placed in Joomlas default template.
J1.7
Code:
.fbc_button_bg {
background-image: url( '../../../components/com_comprofiler/plugin/user/plug_cbconnect/facebook/images/bg.png' );
background-repeat: repeat-x;
background-position: 0px 0px;
margin-top: 2px;
margin-bottom: 2px;
height: 21px;
min-width: 90px;
display: inline-block;
}
.fbc_button {
background-image: url( '../../../components/com_comprofiler/plugin/user/plug_cbconnect/facebook/images/icon.png' );
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
height: 21px;
width: 100%;
border-width: 0px;
color: white;
font-size: 10px;
font-weight: bold;
text-indent: 20px;
background-color: transparent;
}
.fbc_button_small {
background-image: url( '../../../components/com_comprofiler/plugin/user/plug_cbconnect/facebook/images/icon.png' );
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
height: 19px;
width: 19px;
margin-left: 2px;
margin-right: 2px;
border-width: 0px;
}
The URLs need enough "../" to go back to Joomlas root so it can navigate through the component paths to the image files. Adjust as necessary.
krileon
