Insert an element in a scrollable frame

[BarbITA]

Hello, I would create a frame with a sidebar widget, but I would that this widget remain inside the frame (and be scroollable too)

In specific I would insert the “sitewide activity buddypress” plugin in the homepage.

It is something like this, but I would insert in an iframe scrollable (it’s too long)
Is it possible? How? (I’m using the element Widgetised Sidebar)

[Radu]

Hi,

In the sidebar i see that you are using an widget that paginate the activity, do you have solved ?

Where i can see a long list… to can take a look at it to make it scrollable ?

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 ?

[BarbITA]

yes sure!
Here it is http://www.nintendon.it/home-parte-centrale-prova-1

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

With this kind of css you can do that

COPY CODE

.buddypress.widget ul.site-wide-stream {
    max-height: 250px;
    overflow-y: scroll;
}

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 ?

[BarbITA]

nice, work perfectly!

[Radu]

Great

Have a nice week

If you are really satisfied by our client support service please leave a positive review about this on the themeforest.net KLEO page : https://themeforest.net/item/kleo-next-level-wordpress-theme/reviews/6776630

Thanks you in advance.
Regards.
Radu.

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 ?

[BarbITA]

hello radu, can I disable the animation only for this element? What is the code css? Thanks!

[Radu]

Hi,

Try with this css

.buddypress.widget ul.site-wide-stream {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}

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 ?

[BarbITA]

mmm nothing radu, doesn’t work this css (you can try visiting the home)

[Radu]

What element are you referring ?

Provide screenshot that pointing element please to can provide to you correct solution

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 ?

[BarbITA]

et voilà

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Use this css

COPY CODE

#main-container .article-content .widget_bp_swa_widget .swa-wrap {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}

Let me 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 ?

[BarbITA]

not yet radu \:

[Radu]

Hi,

Replace with these

COPY CODE

ul.site-wide-stream.swa-activity-list.swa-clearfix > li {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}

#main-container .article-content .widget_bp_swa_widget .swa-wrap {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}

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 ?

[BarbITA]

yes, now it works!!!
Thanks radu!

[Radu]

Great

Have a nice week

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