This topic has 17 replies, 3 voices, and was last updated 9 years by jerryd.

  • Author
  • #68921
     jerryd
    Participant

    Resizeable comment text box breaks the layout, and also how can I make the comment list item to be same as the size of comment text box?

    Attachments:
    You must be logged in to view attached files.
    #68923
     jerryd
    Participant

    The background colour is also different to original rtMedia, How can I make those background colour to be same as original colour?

    Attachments:
    You must be logged in to view attached files.
    #69030
     Laura
    Moderator

    Hello, it may be because of some custom css, could you share admin credentials? šŸ™‚

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you šŸ™‚

    #69062
     jerryd
    Participant

    Hi Laura,

    currently I installed this theme locally, I havenā€™t actually released my site yet, so I donā€™t have that, sorry.

    Do you mean this theme customized the rtMedia css? I have updated rtMedia to the latest version (3.8.10) yestoday. Will that cause problem?

    #69072
     jerryd
    Participant

    The attachment is another issue had in the theme, the toolbar on the photo becomes extremely long when resizing the browser window to mobile deviceā€™s size(480*800, 640*960, 768*1280, etc)

    Attachments:
    You must be logged in to view attached files.
    #69218
     Laura
    Moderator

    Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
    Thanks! šŸ™‚

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you šŸ™‚

    #69246
     jerryd
    Participant

    Hopefully, it will be answered soon enough

    #69425
     jerryd
    Participant

    any updates?

    #69539
     Andrei
    Moderator

    Hi @jerryd,

    I have tried to replicate your issues but unfortunately I couldnā€™t, can you please confirm that you have the latest version of our theme ( 3.0.4 ) ?

    I have noticed the difference between the comments list and the reply box and Iā€™ll see how we can tweak it in the next update, but I couldnā€™t replicate the overlapping reply box, and the edit media issue with the photo not filling the entire space ( as the edit toolbar does ).

    I have tested on my MacBook but Iā€™ll also run a test tomorrow on a windows machine, as yours.

    Looking forward.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #69600
     jerryd
    Participant

    Hi Andrei,

    Thanks for quick responding, I have attached the screenshot, it is the latest version of theme(3.0.4).

    My OS is ubuntu 14.04
    I use Google chrome Version 39.0.2171.95 (64-bit)

    I have just tried on your demo site, it appeared exactly as what I had on my machine, see the 2nd screenshot.

    Attachments:
    You must be logged in to view attached files.
    #69607
     jerryd
    Participant

    the following is the custom css in quick css

    COPY CODE
    
    //fix comment list overlaps reply box if image is too small
    .rtm-comment-list.rtm-comment-list {
      list-style: none;
      padding-bottom: 20px;
    }
    
    //fix post-in is not aligned with others next to it
    #buddypress #whats-new-options > div {
    padding-top: 0px;
    }
    
    // hide "SITES" button on member profile
    #blogs-personal-li {
    display: none;
    }

    the following code is in bp-custom.php for adding placeholder to each customized xprofile field

    COPY CODE
    <?php
    function bp_xprofile_field_add_placeholder($elements) {
        $attributes = [
            "field_1" => ["placeholder" => "名字"],                 // qq
            "field_69" => ["placeholder" => "QQ号"],                 // qq
            "field_6" => ["placeholder" => "å¾®äæ”号"],                // webchat
            "field_7" => ["placeholder" => "Facebook"],             // Facebook
            "field_39" => ["placeholder" => "Twitter"],             // Twitter
            "field_8" => ["placeholder" => "如ļ¼š0123456789"],         // mobile
            "field_64" => ["placeholder" => "如ļ¼š123 Swanstone Street"], // address
            "field_66" => ["placeholder" => "如ļ¼šå¢Øå°”ęœ¬"],       // city
            "field_65" => ["placeholder" => "如ļ¼šVIC"],          // state
            "field_67" => ["placeholder" => "如ļ¼šę¾³å¤§åˆ©äŗš"]          // nation
        ];
    
        foreach($attributes as $key => $value) {
            if ($elements["id"] === $key) {
                $elements['placeholder'] = $value["placeholder"];
            }
        }
    
        return $elements;
    }

    add_action(ā€˜bp_xprofile_field_edit_html_elementsā€™,ā€™bp_xprofile_field_add_placeholderā€™);

    The following code is in kleo-child/functions.php for re-arrange the order of buttons on member profile page

    COPY CODE
    add_action( 'admin_bar_menu', 'remove_wp_logo', 999 );
    
    function remove_wp_logo( $wp_admin_bar ) {
        $wp_admin_bar->remove_node( 'wp-logo' );
    }
    
    /**
     * rearrange menu buttons
     */
    function my_change_profile_tab_order() {
        global $bp;
        
        $bp->bp_nav['activity']['position'] = 10;
        $bp->bp_nav['friends']['position'] = 11;
        /**
         * wp follower plugin
         */
        if( isset ($bp->bp_nav['following'])){
            $bp->bp_nav['following']['position'] = 12;
        }
    
        if( isset ($bp->bp_nav['followers'])){
            $bp->bp_nav['followers']['position'] = 13;
        }
        $bp->bp_nav['messages']['position'] = 14;
        $bp->bp_nav['notifications']['position'] = 15;
        // rtMedia = 16
        $bp->bp_nav['groups']['position'] = 17;
        /**
         * social-article plugin
         */
        if( isset ($bp->bp_nav['articles'])){
            $bp->bp_nav['articles']['position'] = 18;
        }
    
        //$bp->bp_nav['blogs']['position'] = 70;
        $bp->bp_nav['profile']['position'] = 19;
        $bp->bp_nav['settings']['position'] = 20;
    }
    add_action( 'bp_setup_nav', 'my_change_profile_tab_order', 999 );
    
    // re-order the rtmedia button
    add_action('bp_init','change_media_tab_position', 12);
    function change_media_tab_position(){
        global $bp;
        if( isset ($bp->bp_nav['media'])){
            $bp->bp_nav['media']['position'] = 16;
        }
    }
    
    /* my members landing tab */
    define('BP_DEFAULT_COMPONENT', 'profile' );

    apart from those, I didnā€™t customize any others.

    #69613
     jerryd
    Participant

    the rtMedia I am using now is 3.8.10

    #69614
     jerryd
    Participant

    The most important now is to have both comment list and comment reply box in same width. How can I achieve that?

    #69668
     Andrei
    Moderator

    For the comments list padding you can use this css rule:

    COPY CODE
    .mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-single-meta-contents { padding: 0 !important; }

    For the other issues Iā€™ll have to find a Ubuntu machine to test it and Iā€™ll get back with a fix.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #69672
     Andrei
    Moderator

    I managed to test it on a ubuntu machine, weā€™ll remove the comment box resizable behavior but unfortunately I couldnā€™t replicate the issue with the media pictures.
    Try to update your browser maybe itā€™s just an isolated issue from your side.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #69775
     jerryd
    Participant

    your css rules works perfectly. Thanks Andrei.
    As to the meida one, I will update my browser to the latest version and try it again, see how it goes.

    #69825
     jerryd
    Participant

    I have tried again about the media picture with the latest google chrome (Version 44.0.2403.89 (64-bit)), same issue was still there.

    #69834
     jerryd
    Participant

    I have found this class ā€˜rtmedia-item-thumbnailā€™, when I tick off the max-width and max-height in browser, the media picture is just displayed as it should, but I donā€™t know which way is correct to fix it

    COPY CODE
    
    <div class="rtmedia-item-thumbnail">
                <img src="http://wp-demo/wp-content/uploads/rtMedia/users/1/2015/07/screenshot-1-150x150.png" alt="screenshot-1">
            </div>
Viewing 18 posts - 1 through 18 (of 18 total)

The forum ā€˜Bugs & Issuesā€™ is closed to new topics and replies.

Log in with your credentials

Forgot your details?