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'
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

  • 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