Advertisement:

Author Topic: Add pictures next to the board  (Read 3464 times)

Online Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • Lead Customizer
  • SMF Hero
  • *
  • Posts: 1,628
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Add pictures next to the board
« Reply #40 on: February 07, 2018, 02:00:56 PM »
No, "display: inline-block;" doesn't need to be removed. It won't show anything if you do.

The size you defined is smaller than the image, so it gets cut. Easiest fix is change it to:

Code: [Select]
#board_82 > .icon:after {
   content: "";
   height: 24px;
   width: 25px;
   display: inline-block;
   margin-right: 5px;
   background: url(http://www.forum.bharatconnect.net/Themes/default/images/li4.png) no-repeat center center / auto 100%;
}
Let go of all you think others want you to be and just be who you really are.
Don't let anyone get in the way of your dreams and who you want to be. Your life is only yours to live.

Offline bharat

  • Jr. Member
  • **
  • Posts: 387
Re: Add pictures next to the board
« Reply #41 on: February 07, 2018, 02:15:18 PM »
I tried to make image smaller but then I put the same size but still I see it like this. Also is there a way to make this image next to the main one, not under it.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 57,221
  • Gender: Male
    • Kindred-999 on GitHub
Re: Add pictures next to the board
« Reply #42 on: February 07, 2018, 03:50:54 PM »
You need to learn CSS....   that's what it really comes down to...    CSS is tweaking little things here and there.

To make it show next to the other image, you need more space in the icon column...  to make more space in the icon column, you have to increase that column width, possibly that cell width...  and also, possibly, decrease the other columns.

Using one of the developer tools in the browsers, (firefox, chrome and IE all have dev tools now) you can SEE the effecting CSS and even see what happens when you change various CSS settings.  But we can't just hand you a code and say "this will do what you ask" without tweaking your site, specifically....   and, unless you want to pay someone to do that, it's unlikely that any of us have the time to sit and do the tiny little tweaks that it will take, a little bit at a time
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

Offline bharat

  • Jr. Member
  • **
  • Posts: 387
Re: Add pictures next to the board
« Reply #43 on: February 08, 2018, 04:13:46 AM »
Thanks for your suggestion, I would like to learn CSS but it can't be done in one day that's why I asked you for help.

Online Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • Lead Customizer
  • SMF Hero
  • *
  • Posts: 1,628
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Add pictures next to the board
« Reply #44 on: February 08, 2018, 08:36:48 AM »
The more complicated part of the css has already been given to you (and more that should have been very easy to do with very basic css knowledge).

If you really want to learn then you should start playing with the inspector tool and read on some css basics. Anything you do in the inspector(dev tools) only affects the page for you, so there is no need to worry it will break things for others.
Let go of all you think others want you to be and just be who you really are.
Don't let anyone get in the way of your dreams and who you want to be. Your life is only yours to live.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 57,221
  • Gender: Male
    • Kindred-999 on GitHub
Re: Add pictures next to the board
« Reply #45 on: February 08, 2018, 09:26:43 AM »
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

Offline bharat

  • Jr. Member
  • **
  • Posts: 387
Re: Add pictures next to the board
« Reply #46 on: February 12, 2018, 08:49:24 AM »
Thanks for the link, will check it out!