CalcBuilder Forum

Help with trying to modify CSS

User moon_1193 2013-08-05 22:09:22

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.

Moonsoft support 2013-08-06 09:54:52

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 , .cb_bootstrap {
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

User moon_1193 2013-08-06 13:48:59

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.

Moonsoft support 2013-08-06 14:53:04

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

User moon_1193 2013-08-06 18:09:57

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

Moonsoft support 2013-08-08 22:33:11

Ok,
thank you for sharing.

Regards

...
Support/development

Perfect for small code changes or to correct any bug at your site

Buy now!
...
Support/development 40 hours

With the peace of mind of having a professional team at your service (20% discount)

Buy now!