Quantity controls symbols are not visible

[cvrak]

Hi,
I'm using VM 4.2.12 with Joomla 4.4.5 and php 8.2
At products page the quantity controls show green rectangles (this is ok) but "+" and "-" symbols are not showing.
Can this be solved with some CSS rules? Which ones?
The URL is  https://4epoches.com/e-shop to get an idea what I mean.

Thanks

[Jumbo!]

The template uses the old Bootstrap 2 icon library, which is not loaded into the site. Therefore, you do not see the icons. You can add the following custom CSS to resolve the issue.

Code Select Expand

.glyphicon-plus:after {
    content: "+";
}
.glyphicon-minus:after {
    content: "-";
}

[cvrak]

I've put the css and worked!
Thanks a lot for the help.

I've set white color, and I have a question: How can I increase the size only of "+" & "-" without change the size of the button? Trying to do it with css, the whole button increased.

Thanks

The template uses the old Bootstrap 2 icon library, which is not loaded into the site. Therefore, you do not see the icons. You can add the following custom CSS to resolve the issue.

Code Select Expand

.glyphicon-plus:after {
    content: "+";
}
.glyphicon-minus:after {
    content: "-";
}

[Jumbo!]

I've set white color, and I have a question: How can I increase the size only of "+" & "-" without change the size of the button? Trying to do it with css, the whole button increased.

You can customise the size of the symbols using font size and line height. Check the example below.

Code Select Expand

/* Set the symbol size and color */
.glyphicon-plus, .glyphicon-minus {
    font-size: 1.5em;
    line-height: 1;
    color: #fff;
}

/* Set the plus symbol */
.glyphicon-plus:after {
    content: "+";
}

/* Set the minus symbol */
.glyphicon-minus:after {
    content: "-";
}