[Resolved] How do I change the color of the like and comments buttons and position of caption(text) in a post to be on top of a media
Dear developers,
How do I change the color of the like, comment and share button. I have attempt to change in the studio icon section whereby I wrote comment col-red2. I have cleared all caches but the color is still not changing. In addition, how can I change the caption of a post to be on top or a video or an image instead of below of it.
-
Hello zhalkiar !
You may use these ways for buttons https://una.io/page/view-discussion?id=3670 , https://una.io/page/view-discussion?id=2220 and https://una.io/page/view-discussion?id=1682 . If you want to re-arrange parts in the video player block then you may edit the modules/boonex/videos/template/entry-text.html file.
-
Hi, thanks for replying for the button portion but I was not referring to the videos module as I do not have it. What I meant is for the text of a post to be on top of a video or image of the same post that was posted in a public feed. For example this is the current format of a post when there is a video in a public feed.
---------------------------------------------------
*A Post in timeline module public feed* (This is the current format)
<Video> (Image or video any kind of media)
<Text> (This is user inputted text during the creation of post, like caption)
------------------------------------------------------------------------------------------------------
*A Post in timeline module public feed* (This is the format I would like to change)
<Text> (This is user inputted text during the creation of post, like caption)
<Video> (Image or video any kind of media)
---------------------------------------------------The format that is in bold is the format that I would like to change it too. I apologize for the vague description as I am currently unable to post screenshots on this website due to my membership.
-
If you need to correct the look of Timeline posts on homepage (and other similar blocks on other pages) then you need to edit
modules/boonex/timeline/template/type_post.html (but back up this file first)
According to your task it might look like:
<div class="__style_prefix__-item-text bx-def-margin-top bx-def-margin-leftright">
<bx_if:show_title>
<div class="__style_prefix__-title bx-def-margin-sec-bottom bx-def-font-h1">__title__</div>
</bx_if:show_title>
<bx_if:show_content>
<div class="__style_prefix__-content">__item_content__</div>
</bx_if:show_content>
</div>
<bx_if:show_images>
<div class="__style_prefix__-item-images __style_prefix__-ii-main __style_prefix__-ii-__display__ bx-def-margin-top">
<bx_repeat:items>
<div class="__style_prefix__-item-image">__item__</div>
</bx_repeat:items>
</div>
</bx_if:show_images>
<bx_if:show_videos>
<div class="__style_prefix__-item-videos __style_prefix__-iv-main __style_prefix__-iv-__display__ bx-def-margin-top">
<bx_repeat:items>
<div class="__style_prefix__-item-video">__item__</div>
</bx_repeat:items>
</div>
</bx_if:show_videos>
<bx_if:show_attachments>
<div class="__style_prefix__-item-attachments __style_prefix__-ia-gallery bx-def-margin-top bx-def-margin-leftright">
<bx_repeat:items>
<div class="__style_prefix__-item-attachment">__item__</div>
</bx_repeat:items>
</div>
</bx_if:show_attachments>
<bx_if:show_links>
<div class="__style_prefix__-item-links bx-def-margin-top bx-def-margin-leftright">
<bx_repeat:links>
<div class="__style_prefix__-item-link bx-def-margin-top-auto">__link__</div>
</bx_repeat:links>
</div>
</bx_if:show_links>
<bx_if:show_raw>
<div class="__style_prefix__-item-raw bx-def-margin-top bx-def-margin-leftright">__item_content_raw__</div>
</bx_if:show_raw>
Bold font select the area which you need to move
-
Thank you! its working