Forum
Calc Builder Support
Calc Builder supportForums
No se permite escribir sin estar logado. Por favor, 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.
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
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 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
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