Is it possible to insert text near the icon?

This topic has 5 replies, 2 voices, and was last updated 4 years, 6 months ago by Ernest Marcinko.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
November 8, 2021 at 1:14 pm #35458

Ivan Lapicirella
Participant

Hi. I followed your instructions to replace the .svg icon with some text with this code and it works perfectly. I just wanted to know if it was possible to add text next to the icon instead. Thanks.

(.prosettings {
width: auto! important;
}
.prosettings .innericon :: after {
content: ‘Category and Region’! important;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
font-size: 16px! important;
color: #ffffff;
line-height: 30px;
padding: 10px;
}
.prosettings .innericon svg {
display: none! important;
}

November 8, 2021 at 3:48 pm #35468

Ernest Marcinko
Keymaster

Hi,

Well, you can try using this feature: https://i.imgur.com/Xds6tTQ.png

November 8, 2021 at 4:31 pm #35471

Ivan Lapicirella
Participant

I apologize for my bad English. I wanted to ask if it was possible to add some text to the icon that I indicated in the screenshot. In practice I would like to have visible both the icon and a short text next to it

November 9, 2021 at 1:17 pm #35475
Ernest Marcinko
Keymaster
Oh, I understand. Could be actually doable:
```
.prosettings, .prosettings .innericon {
    width: auto !important;
    white-space: nowrap;
}
.prosettings .innericon {
    display : flex;
    align-items : center;
    margin: 0 6px !important;
}
.prosettings .innericon::after {
    content: 'Category and Region'! important;
    white-space: nowrap;
    font-size: 16px! important;
    color: #ffffff;
    line-height: 50px;
    height: 100%;
    vertical-align: middle;
    margin: 0 6px 0 8px !important;
}
```
November 9, 2021 at 1:41 pm #35476

Ivan Lapicirella
Participant

It works perfectly. Thank you!

November 9, 2021 at 2:09 pm #35477

Ernest Marcinko
Keymaster

You cannot access this content.
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.