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