Forum


Calc Builder Support

Calc Builder support
Forums
Public write access is disabled. Please login

Help with trying to modify CSS 05.08.2013 22:09

I try to modify CSS _cb_tools_send. And I can't understand how to make some changes.
Now I have icon-envelope like on pic https://www.dropbox.com/s/d6814vcjqugcguu/pic.png
I want to insert my own icon.

Where should I make changes in CSS, if I turn OFF Import CSS Bootstrap?
Joumla 3.
Thank you.

Re: Help with trying to modify CSS 06.08.2013 09:54

Hi,
with bootstrap disabled, you still have the own css stylesheets of the module, where you can modify the default styles. It's located here:

/joomla/modules/mod_calcbuilder/assets/css/cbbootstrap.css

regarding the send icon, it's styled using the icon-envelope classes, so you will find these classes to modify:


.cb_bootstrap .icon-envelope {
background-position: -72px 0;
}
.cb_bootstrap [class^="icon-"], .cb_bootstrap [class*=" icon-"] {
background-image: url("../img/glyphicons-halflings.png");
background-position: 14px 14px;

.......

there you can change the background image, and maybe remove the background position, which is intended to locate the right icon among the glyphicons set and center at the button.

Hope this helps, regards
Moonsoft Team
www.moonsoft.es

Re: Help with trying to modify CSS 06.08.2013 13:48

Before I asked you I tried to change by the same way.
But I couldn't change it.
If you take a look on picture pic2 https://www.dropbox.com/s/gxjdqt17y39orik/pic2.png
you will see there is no glyphicons-halfling.png there.

Thanks.

Re: Help with trying to modify CSS 06.08.2013 14:53

Hi,
as we can see for your image you are debugging on the button tag, while the style you're trying to change is applying to the span inside. Please double-check the span class="icon-envelope" in order to see the glyphicons and styles related on your debugger.


Regards
Moonsoft Team
www.moonsoft.es

Re: Help with trying to modify CSS 06.08.2013 18:09

I solved the problem by inserting //img src="?php echo $pathImagenSend;?"// into "user.php - span - class icon_envelope ".

Edited by moon_1193 - 06.08.2013 18:10

Edited by moon_1193 - 06.08.2013 18:11

Re: Help with trying to modify CSS 08.08.2013 22:33

Ok,
thank you for sharing.

Regards
Moonsoft Team
www.moonsoft.es
Are you satisfied with our products/services/support?
Please help us to keep improving, add a review at  joomla extensions site and  magento connect
FaLang translation system by Faboba

Our clients' feedback