Re: How to add image next to description

Started by bharat, January 31, 2018, 01:01:52 PM

Previous topic - Next topic

bharat

Can someone help me with the code, I need to add image the same way as you can see on the attached image.

Kindred

bharat, you should  know better by now....

that other topic was someone else's topic., it was very old and it was already marked as solved.

Start your own topic.

that being said -- I believe you have already been told how to do this...  with a quote form that exact same topic you just posted in

Quote from: Antes on August 17, 2015, 07:01:12 AM
Quote from: Illori on August 17, 2015, 06:34:46 AM
it is possible, is it recommended? no. the only way currently is with html that has its own risks and does not work in 2.1.

True, we are not recommending direct input (HTML) into the board-name/description but we have CSS :)

so if you want to show the icon next to board name use following code;
#board_1 > .info > a::after {
   content: "";
   height: 16px;
   width: 16px;
   position: absolute;
   margin-left: 5px;
   background: url(http://localhost/lunar/Themes/Lunarfall/images/animal-penguin.png) no-repeat;
}


If you want to show after the description use the following code
#board_1 > .info > p::after {
   content: "";
   height: 16px;
   width: 16px;
   position: absolute;
   margin-left: 5px;
   background: url(http://localhost/lunar/Themes/Lunarfall/images/animal-penguin.png) no-repeat;
}


I just added dummy info inside the places you need to fix them. You need to find the board ID, and change background url image to your image and ofc change the height/width if needed (if your image is bigger or smaller).
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

bharat

Sorry for writing my question in the wrong place. I saw this code but the picture will appear next to board name or next to the discription. As you can see on the attachment it should be like this.

Kindred

Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Advertisement: