Comment to '[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'
  • 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