Let me get more precise. You guys have continuously repeated what I already
said I knew how to do about 5 times now.
This is the icon I want to replace the info button icon with:
[image: the icon six to use.PNG]
This is where I replaced the icon in the core/ui/buttons/info
[image: Change on core-ui-buttons-info.PNG]
And this is what I get
[image: what I get.PNG]
What's wrong with it:
- the icon isn't replaced (and I intend a global replacement, why is why
I'm only selecting .tc-image-info-button)
- the formatting appears WITHIN the existing button, not instead of it
- for some reason, the code doesn't set the foreground color correctly
- which is weird, because on custom buttons, it works perfectly.
- as I've said repeatedly, it's the built-in icons that are giving me
issues.
The CSS:
.tc-image-info-button {
width: 35px;
height: 35px;
line-height: 30px;
border-radius: 10px;
border: 4px solid #1B3518;
overflow: hidden;
background-color: #7bc072;
color: black;
display:inline-block;
cursor:pointer;
font-family: uglyquaregular;
font-size: 20px;
font-weight:bold;
padding: 0px 3px;
text-align: center;
vertical-align: middle;
}
..tc-image-info-button:hover {
background-color: #F9DC39;
}
On Monday, July 22, 2019 at 11:32:01 PM UTC-6, bimlas wrote:
>
> Aidan,
>
> You can use the SVG's classname to select them directly:
>
> [image: vivaldi_2019-07-23_07-29-07.png]
>
> Some of the icons has a dedicated setting in $:/ControlPanel -> Apperance
> -> Palette -> Show Editor -> toolbar-*-button
> (toolbar-cancel-button, toolbar-close-button, ...).
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/1d06d9e1-73ec-43d4-bbec-d0f796841acd%40googlegroups.com.
