Awaiting an answer SP Page Builder

tabs scrolling

Asked by UNIONGAIA F.G. 2 years ago Last activity 2 years ago

good morning, I'm trying to introduce these iframes via tabs and custom html.
my 2 problems are:
1- I would like to view every single tab in centered mode, but instead it is always positioned on the left.
2- is it possible to introduce sliding bars (especially horizontal) in mobile mode to be able to fully view each single iframe?
thanks.
best regards

8 replies

Mehtaz Afsana Borsha Staff

2 years ago

Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

UNIONGAIA F.G. Asked this

2 years ago

I responded via email because I don't know how to attach images here, thanks

Mehtaz Afsana Borsha Staff

2 years ago

You can use this while uploading screenshot

https://imgur.com/upload

UNIONGAIA F.G. Asked this

2 years ago

https://imgur.com/a/jaUYcUJ
Ok I'll try. Here is the link thanks

UNIONGAIA F.G. Asked this

2 years ago

https://uniongaia.it/asduniongaiafg-settore-giovanile/giovanissimi

Example link

Pavel

2 years ago · edited

Add your class to the RAW HTML addon(s) settings an use this css.
```
.YOUR_CLASS .sppb-addon-content {
 text-align: center;
}
```
I did not understand the problem. You already have a scroll bars.

However, to configure iframe through CSS, use this selector

.YOUR_CLASS iframe {
    /* your code goes here */
}

CSS is the only way to configure all this. There are no options in the interface for your issues.

UNIONGAIA F.G. Asked this

2 years ago

Good morning
I'm doing some tests but I'm not at all an expert on these things. Can you give me an example or can I give you the login details to enter the data correctly?
this is the original code:
<iframe src='https://www.tuttocampo.it/WidgetV2/Risultati/ee2b87e6-7f4f-430c-a1ff-4c9c80a4d38b' width='370' height='600' scrolling='yes' frameborder='0' loading='lazy'></iframe>

I tried writing "uniongaia" in the CSS Class field and copying the code changing the name but I wasn't successful.
thanks again

.uniongaia .sppb-addon-content {
text-align: center;
}
<iframe src='https://www.tuttocampo.it/WidgetV2/Risultati/ee2b87e6-7f4f-430c-a1ff-4c9c80a4d38b' width='370' height='600' scrolling='yes' frameborder='0' loading='lazy'></iframe>

https://imgur.com/a/UUBZYmx

Pavel

2 years ago

Hi.

Not right place for CSS.

Add the CSS code to the custom CSS field in the addon (Style tab) or to the template's (Helix) custom.css file (the best place for CSS)

.uniongaia iframe { 
    text-align: center; 
}