DOM element with non-unique ids in Buddypress activity pages

[mirajas]

Hi,

I am facing a strange issue of non-unique ids in BuddyPress activity pages which leads to distortion of rtMedia lightbox. I can see these error on google chrome console.

Inside activity pages, all dynamically created “wpnonce input field” bears the same id. Particularly in the comment section.

I already checked if the issue is with rtMedia plugin by using WordPress bundled theme TwentySeventeen with no issue.

Further, I checked if the issue may be a result of conflict between Kleo and rtMedia by disabling rtMedia plugin. with no success. It only removes the “wpnonce field” created under rtMedia DOMs.

I am using two extra plugins 1.Wordfence and 2.Mycred.

I checked by disabling all the plugins except the required ones mentioned for the theme including all optional plugins provided under Kleo with no success.

I am herewith providing two screenshots one with rtMedia plugin enabled and another with rtMedia plugin disabled.

Apart from this Kleo theme shows with version 4.3.3 while I can see 4.3.2 as the most recent theme inside seventhqueen.com

Please suggest me what should be done on my end or I need to revert to version 4.3.2.

 

Thank you,

Miraj

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, will assign the ticket to a higher support level 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 🙂

[Radu]

Hi,
We have contacted the rtMedia team please wait 1-2days i think until they reply back, i will let you know

Cheers
R

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

What support service includes ? What not ?

[mirajas]

Hi,

Thanks for the reply, but I do not think its related to rtMedia plugin as I rechecked with TwentySeventeen theme and it was working fine with it.

Even if I disabled rtMedia, it still creates “wpnonce field” with non unique ids for activity comment input form.

As each activity in activity page contain comment form, while creating comment form it cannot change id of wp nonce field and that is why it repeats same id for all wp nonce input field.

I mean if there will be 10 activity on activity page, it will create 10 wp nonce input field with same id. I checked this while rtMedia plugin was deactivated.

Thank you
Miraj

[Radu]

I’ve noticed that too, with kleo de-activate in the page are the same id’s duplicated but no error in console, in you search for those divs in our theme you will see that they cannot be found.
That’s we have asked the rtmedia about this.

Cheers
R.

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

What support service includes ? What not ?

[mirajas]

Hi,

Any progress on rtMedia sidebar (comment and like section) distortion issue. As this area should be in white and right now it’s in black and like button showing in white. You can refer to the attachment I sent in my first question.

Thank you.
Miraj

[mirajas]

Hi,

I am waiting for an answer to this issue for more than a week. Now it seems the issue is with your theme only.

Theme blackening the right-hand sidebar (comment section) of the lightbox with the following css

.mfp-content #rtmedia-single-media-container .rtmedia-media {
background-color: #000 !important;
}

Okay, I will adjust myself and accept your designing for the right sidebar of the lightbox but the only thing is bugging me is the “like” butting whitening out.

The same css is found at multiple places in your theme like style.css, plugin.css, rtmedia.css

Hope for a speedy answer for this.

Thanking you
Miraj

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Using this css

COPY CODE

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta {
    background: #fff !important;
}

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments {
    background: #fff !important;
}

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments textarea {
    background:#fff !important;
    border: 1px solid #bbb;
}
#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span a, #buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span button, #buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span button.rtmedia-action-buttons {
    color:#428bca !important;
}

#buddypress .rtmedia-like-info {background:#edeff4 !important;}

button.rtmedia-comment-media-upload {
    float: left;
    margin-right: 5px;
}

.rtmedia-container ul#rtmedia_comment_ul li, .rtmedia-activity-container ul#rtmedia_comment_ul li {
    background-color: #edeff4;
    color: #777;
}

#buddypress #rt_media_comment_form {
    background-color: #fff;
}

Will make the side area oh photo pop-up white as default, see screenshot.

If you need to change the color only to the like word use this css

COPY CODE

#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span button.rtmedia-action-buttons {
        color: red !important;
}

Css’s can be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R

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

What support service includes ? What not ?

[mirajas]

Thank you very much, This solves the issue.

[Radu]

You’re welcome

Cheers
R

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

What support service includes ? What not ?

[Author]

Posts