Skip to main content
How can I exchange the board icons? Started by Mrs. Chaos · · Read 9144 times 0 Members and 1 Guest are viewing this topic. previous topic - next topic

Re: How can I exchange the board icons?

Reply #15

I tried the link you gave me via pm, but it appears not working (Forbidden You don't have permission to access / on this server.).
Bugs creator.
Features destroyer.
Template killer.

Re: How can I exchange the board icons?

Reply #16

Oh...
I will send you a new message!
ElkArte version: 1.1.8 / Theme: BeSocial / PHP 8.0

Re: How can I exchange the board icons?

Reply #17

Arh... my CSS sucks.

Okay, let's change it a little bit, I didn't know content was fairly limited.
Code: [Select]
.i-board-off::before {
    background: url("https://www.lars-mikkelsen.de/images/forum/icon-off.png");
    display: block;
    clear: both;
    content: "";
    background-size: 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#posting_icons .i-board-off::before {
    width: 1.5em;
    height: 1.5em;
}

And the mobile part should not be necessary... unless I'm mistaken. xD
Bugs creator.
Features destroyer.
Template killer.

Re: How can I exchange the board icons?

Reply #18

Woohoo!! Perfect!! :D
The icons have now the right size.

How do I get a little bit of space between them and the text lines (3-5 pixels)? Somewhere with padding or margin?
ElkArte version: 1.1.8 / Theme: BeSocial / PHP 8.0

Re: How can I exchange the board icons?

Reply #19

I think I found the right position.
I added the  padding-right: .35em  after the first two lines of code below.

Code: [Select]
#posting_icons .icon {
vertical-align: text-top;
    padding-right: .35em;
ElkArte version: 1.1.8 / Theme: BeSocial / PHP 8.0