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.
Comments
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.
Z
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
Z
Thank you! its working