Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Ugly blue checkboxes in Chrome since the last update? checkbox

See how to fix it here!

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter





runboard.com       You are not logged in.

 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 81
Karma: 0 (+0/-0)
Reply | Quote
Post Icons


Image

I would like to use the image above as one of my post icons but when I add it it shrinks. Is there a way to leave them the original size?

---

4/6/2020, 2:09 pm Link to post Email Shannt   PM Shannt Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
Karma: 272 (+331/-59)
Reply | Quote
Re: Post Icons


Hi Shannt,

You might try adding the following to your CSS

.ak_subject_posticon_table img {width:auto;
height:auto;
}


I cannot view the board so that it could be something else. Please let me know if this works for you.

---

Advertise Boards On TRDConceptsDE
4/6/2020, 3:12 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 81
Karma: 0 (+0/-0)
Reply | Quote
Re:


Yay, that worked. Thank you! emoticon

---

4/6/2020, 3:35 pm Link to post Email Shannt   PM Shannt Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 81
Karma: 0 (+0/-0)
Reply | Quote
Re:


Pastor Rick - How do I fix them from doing this?

Image



---

4/6/2020, 4:16 pm Link to post Email Shannt   PM Shannt Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
Karma: 272 (+331/-59)
Reply | Quote
Re: Post Icons


Yay for the first part. emoticon

For the second half, it gets a bit trickier to solve from my side of the screen. Let's begin with the most straightforward CSS solution attempt.

In your CSS find a place to put this
.topic_list_header_posticon_td {
    width: 35px;
}

I picked a width slightly greater than the width of your posticon so we can see if the simple designation statement will do the job.

---

Advertise Boards On TRDConceptsDE
4/6/2020, 5:14 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 81
Karma: 0 (+0/-0)
Reply | Quote
Re:


Pastor Rick - I added the code but it's still the same. I also opened the board up so you can view it.

---

4/6/2020, 5:18 pm Link to post Email Shannt   PM Shannt Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
Karma: 272 (+331/-59)
Reply | Quote
Re: Post Icons


Thank you for giving me a peek at your board Shannt. The first code I gave you is still useful because it sets a maximum width for the posticon column. Now we need to define how the column handles images and to do this we have to target each cell in the column using CSS like this:

#tl_td_1_3 > img, #tl_td_2_3 > img, #tl_td_3_3 > img, #tl_td_4_3 > img, #tl_td_5_3 > img, #tl_td_6_3 > img, #tl_td_7_3 > img, #tl_td_8_3 > img, #tl_td_9_3 > img, #tl_td_10_3 > img, #tl_td_11_3 > img, #tl_td_12_3 > img, #tl_td_25_3 > img, #tl_td_26_3 > img, #tl_td_27_3 > img, #tl_td_28_3 > img, #tl_td_29_3 > img, #tl_td_30_3 > img, #tl_td_31_3 > img, #tl_td_32_3 > img, #tl_td_33_3 > img, #tl_td_34_3 > img, #tl_td_35_3 > img, #tl_td_36_3 > img, #tl_td_37_3 > img, #tl_td_13_3 > img, #tl_td_14_3 > img, #tl_td_15_3 > img, #tl_td_16_3 > img, #tl_td_17_3 > img, #tl_td_18_3 > img, #tl_td_19_3 > img, #tl_td_20_3 > img, #tl_td_21_3 > img, #tl_td_22_3 > img, #tl_td_23_3 > img, #tl_td_24_3 > img, #tl_td_38_3 > img, #tl_td_39_3 > img, #tl_td_40_3 > img {
  width: max-content;
  height: max-content;
}


---

Advertise Boards On TRDConceptsDE
4/6/2020, 5:55 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 81
Karma: 0 (+0/-0)
Reply | Quote
Re:


It looks good. Thank you again. emoticon

---

4/6/2020, 6:02 pm Link to post Email Shannt   PM Shannt Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
Karma: 272 (+331/-59)
Reply | Quote
Re: Post Icons


You are very welcome emoticon

---

Advertise Boards On TRDConceptsDE
4/6/2020, 6:19 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25448
Karma: 425 (+478/-53)
Reply | Quote
Re: Post Icons


You can actually target that and a lot of other places where the post icons appear with one simple rule:

img[alt="posticon"] { definitions here }

Edit to add: I am not familiar with "max-content". Maybe I should take this time in isolation to brush up on a few things. Thanks, Pastor Rick!

Last edited by Lesigner Girl, 4/7/2020, 7:58 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/7/2020, 7:56 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)