[#7303] Conflict CSS between Button with attach layer and cb_activity post button

Hi

1/
It seems to have a CSS conflict between Button with attach layer in the display TAB and the Post Button (action, link...) of cb activity.

Probably, they all use the id #qtip-x

So, If i try to change, fo example, the width of the button with attach layer, the display of the wording of the Post Button change.

2/
When i clic on the 'where are you' post button (cb activity), I have the wording display of 'where are you' and 'what are you doing' in the same time


Sorry for the english translation - all my work is in french.

Thank you.

1/
It seems to have a CSS conflict between Button with attach layer in the display TAB and the Post Button (action, link...) of cb activity.

Probably, they all use the id #qtip-x

So, If i try to change, fo example, the width of the button with attach layer, the display of the wording of the Post Button change.

Sorry, I don't understand what you're referring to here. Attach layer? Your trying to change the width of the Post button? Please provide a screenshot of the issue.

2/
When i clic on the 'where are you' post button (cb activity), I have the wording display of 'where are you' and 'what are you doing' in the same time

I'm not seeing such an issue in my tests locally or on our demo site. You may have a conflict of some kind. Ensure everything is up to date and retest with Joomla default protostar template to see if issue persists.

2/
When i clic on the 'where are you' post button (cb activity), I have the wording display of 'where are you' and 'what are you doing' in the same time

I'm not seeing such an issue in my tests locally or on our demo site. You may have a conflict of some kind. Ensure everything is up to date and retest with Joomla default protostar template to see if issue persists.

Here is a capture a1.pdf

1/
It seems to have a CSS conflict between Button with attach layer in the display TAB and the Post Button (action, link...) of cb activity.

Probably, they all use the id #qtip-x

So, If i try to change, fo example, the width of the button with attach layer, the display of the wording of the Post Button change.

Sorry, I don't understand what you're referring to here. Attach layer? Your trying to change the width of the Post button? Please provide a screenshot of the issue.

Here is a capture.pdf after adding in css :

#qtip-4 {
margin-left: -50px;
width:660px !important;
}

Don't add CSS to re-position tooltips. The positions are calculated automatically. The CSS you're applying to the buttons is causing them to overlap and is why it's showing both. Remove your custom CSS and right click and inspect the buttons to better understand the CSS of the buttons so you can apply the appropriate CSS to resize them if needed.

I have no CSS for this. Even I delete all my custum CSS, I have the same problem.

Switch to default Joomla protostar template and see if issue persists as it could be a styling conflict coming from your template. If it is you'll need to contact the developer of your template.