kmk Posted April 25, 2021 Posted April 25, 2021 Hi, I would like hide 2 elements that alway show together with topic, By and In. Please anyone can share the solution?
Nathan Explosion Posted April 25, 2021 Posted April 25, 2021 Probably in a language string but you've obscured so much that it's pretty difficult to say where/what that is exactly. Go to your language settings in the ACP, click the Translation Tools button and toggle 'View word keys' on...then view the front page again. And magic...there's the language keys to look at. kmk 1
kmk Posted April 25, 2021 Author Posted April 25, 2021 2 hours ago, Nathan Explosion said: Probably in a language string but you've obscured so much that it's pretty difficult to say where/what that is exactly. Go to your language settings in the ACP, click the Translation Tools button and toggle 'View word keys' on...then view the front page again. And magic...there's the language keys to look at. I found the string, but after remove the translated string it call use the English language by default. What I want to do is remove the use of By %s and In %s elements. Below of the topic title Without showing By %s... And In %s.
Nathan Explosion Posted April 25, 2021 Posted April 25, 2021 (edited) So do you actually want to remove the entire phrase and not just the 'by' and 'in' like you stated? Edited April 25, 2021 by Nathan Explosion
kmk Posted April 25, 2021 Author Posted April 25, 2021 7 minutes ago, Nathan Explosion said: So do you actually want to remove the entire phrase and not just the 'by' and 'in' like you stated? Yes, 100% as you explained, sorry for expressing incorrectly my statement.
kmk Posted April 26, 2021 Author Posted April 26, 2021 @Nathan Explosion is possible hide these elements with css? @Ehren
Nathan Explosion Posted April 26, 2021 Posted April 26, 2021 (edited) Probably, yes - I'll point out to you again though that... 19 hours ago, Nathan Explosion said: ...you've obscured so much that it's pretty difficult to say where/what that is exactly. There's probably an easier way of doing this too, but without a clear indication of what that is a screenshot of then I can't help you...I know you've said it's a topic but where? what? Maybe provide a url to whatever it is, using this site as the example? Edited April 26, 2021 by Nathan Explosion
kmk Posted April 26, 2021 Author Posted April 26, 2021 6 minutes ago, Nathan Explosion said: Is it the Forums 'Fluid view'? We can find These elements in all topics. But for exactly example, I try to use topic feed widget.
Ehren Posted April 26, 2021 Posted April 26, 2021 To remove that entire row, add this to custom.css: @media (max-width: 979px){ .cForumFluidTable .ipsDataItem_meta{ display: none; } } If you want to remove everything except the time, use this instead: @media (max-width: 979px){ .cForumFluidTable .ipsDataItem_meta{ font-size: 0; } .cForumFluidTable .ipsDataItem_meta time{ font-size: 13px; } } Unienc 1
kmk Posted April 26, 2021 Author Posted April 26, 2021 31 minutes ago, Ehren said: To remove that entire row, add this to custom.css: @media (max-width: 979px){ .cForumFluidTable .ipsDataItem_meta{ display: none; } } If you want to remove everything except the time, use this instead: @media (max-width: 979px){ .cForumFluidTable .ipsDataItem_meta{ font-size: 0; } .cForumFluidTable .ipsDataItem_meta time{ font-size: 13px; } } I try with 2 options and can not see the change, actually I would like see the remove change in a Topic Feed widget, maybe your code is only for fluid view mode? in my case just use card mode, and above of the forum with a widget placed.
Ehren Posted April 26, 2021 Posted April 26, 2021 Yeah, the code is for fluid view only. If you can post your URL, I'll take a look at your existing setup. Unienc 1
Ehren Posted April 27, 2021 Posted April 27, 2021 To remove it from your topic feed widget, add this to custom.css [data-blockid^="app_forums_topicFeed_"] .ipsDataItem_title + .ipsType_light{ display: none; } If you only want to display the time, use this: [data-blockid^="app_forums_topicFeed_"] .ipsDataItem_title + .ipsType_light{ font-size: 0; } [data-blockid^="app_forums_topicFeed_"] .ipsDataItem_title + .ipsType_light time{ font-size: 13px; } Wrap those codes with media queries if you only want to target mobiles. Unienc and kmk 1 1
kmk Posted April 27, 2021 Author Posted April 27, 2021 thanks @Ehren finally ... it is so better without these elements links that cause accidental click for new users.
Recommended Posts