How do I make the Last Post icon bigger?

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Webmasterks
Registered User
Posts: 275
Joined: Tue May 27, 2003 11:28 pm
Location: The Hague, The Netherlands
Contact:

How do I make the Last Post icon bigger?

Post by Webmasterks »

Some of my users have a hard time clicking on the little grey arrow icon.

Image

How can I make it bigger?
Last edited by Hanakin on Thu Dec 07, 2017 1:54 am, edited 1 time in total.
Reason: Topic icon changed
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: How do I make the Last Post icon bigger?

Post by Hanakin »

.lastpost .icon-md {
font-size: whatever;
}
Webmasterks
Registered User
Posts: 275
Joined: Tue May 27, 2003 11:28 pm
Location: The Hague, The Netherlands
Contact:

Re: How do I make the Last Post icon bigger?

Post by Webmasterks »

Thanks Hanakin,

Where exactly would I place that?
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: How do I make the Last Post icon bigger?

Post by Hanakin »

depends on your setup/theme, but you can add it to any css file that is loaded after icons.css
Webmasterks
Registered User
Posts: 275
Joined: Tue May 27, 2003 11:28 pm
Location: The Hague, The Netherlands
Contact:

Re: How do I make the Last Post icon bigger?

Post by Webmasterks »

Works like a charm. Thanks very much, Hanakin :-)
User avatar
mikeinthe852
Registered User
Posts: 98
Joined: Sun Aug 09, 2020 11:52 am

Re: How do I make the Last Post icon bigger?

Post by mikeinthe852 »

could you give us a hint as to where you put the code?
User avatar
pit-PL
Registered User
Posts: 3212
Joined: Sat Nov 21, 2009 12:24 pm

Re: How do I make the Last Post icon bigger?

Post by pit-PL »

At the end of icons.css.
User avatar
mikeinthe852
Registered User
Posts: 98
Joined: Sun Aug 09, 2020 11:52 am

Re: How do I make the Last Post icon bigger?

Post by mikeinthe852 »

Thanks for the hint.
Sadly it is not working for me.
I inspect the element to make sure I am editing the correct Icon.css file
Screenshot 2021-12-18 082606.jpg
Screenshot 2021-12-18 082606.jpg (9.19 KiB) Viewed 3478 times
making the last post icon 50px
.lastpost .icon-md {
font-size: 50px;
}


but when I refresh the page there is no change.

perhaps something with font awesome is blocking this?
Screenshot 2021-12-18 082535.jpg
User avatar
ssl
Registered User
Posts: 1607
Joined: Sat Feb 08, 2020 2:15 pm
Location: Le Lude, Pays de la Loire - France
Name: Fred Rimbert
Contact:

Re: How do I make the Last Post icon bigger?

Post by ssl »

Have you clear the cache after modification?
Sorry for my English ... I do my best!

phpBB: 3.3.11 | PHP: 8.2.16
[Kill spam on phpBB] - [Some French translation of extensions]
"Mistress, Mistress someone is bothering me in pm"
User avatar
mikeinthe852
Registered User
Posts: 98
Joined: Sun Aug 09, 2020 11:52 am

Re: How do I make the Last Post icon bigger?

Post by mikeinthe852 »

yes, both browser and phpbb

do I need to modify the font awesome used in the custom theme?
<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
Last edited by mikeinthe852 on Sat Dec 18, 2021 7:32 am, edited 1 time in total.
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: How do I make the Last Post icon bigger?

Post by Mannix_ »

try chnaging .lastpost .icon-md { to .lastpost .icon.icon-md { it looks to be a specificity issue

edit: if that doesn't work add !important after font-size: 50px
Last edited by Mannix_ on Sat Dec 18, 2021 7:27 am, edited 2 times in total.
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
pit-PL
Registered User
Posts: 3212
Joined: Sat Nov 21, 2009 12:24 pm

Re: How do I make the Last Post icon bigger?

Post by pit-PL »

Try

Code: Select all

.lastpost .icon-md {
	font-size: 50px !important;
}
User avatar
mikeinthe852
Registered User
Posts: 98
Joined: Sun Aug 09, 2020 11:52 am

Re: How do I make the Last Post icon bigger?

Post by mikeinthe852 »

hmmm this is very mysterious. none of these suggestions are working. I must be doing something wrong here.
Screenshot 2021-12-18 154022.jpg
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: How do I make the Last Post icon bigger?

Post by Mannix_ »

can you post a screenshot where you scroll down a bit in the dev tools below the .icon.icon-md { part :)
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
mikeinthe852
Registered User
Posts: 98
Joined: Sun Aug 09, 2020 11:52 am

Re: How do I make the Last Post icon bigger?

Post by mikeinthe852 »

ok, figured it out.
need to edit the stylesheet in the custom theme
Screenshot 2021-12-18 160427.jpg
Screenshot 2021-12-18 160427.jpg (19.06 KiB) Viewed 2470 times
then this will work
.lastpost .icon-md {
font-size: 50px;
}
Screenshot 2021-12-18 160349.jpg
Screenshot 2021-12-18 160349.jpg (7.92 KiB) Viewed 2470 times
as requested,
Screenshot 2021-12-18 160731.jpg
Post Reply

Return to “[3.2.x] Styles Support & Discussion”