Changing width of any widget in all screen sizes

Ask the Community Customization
1

Hello, Ive noticed the FAQ widget doesn’t have any width settings in px or percentage.

Is there any CSS code which I can apply to any future widget and have control over the size of the widget in all screen sizes?

Example of Page:

https://tv.forme.yoga/pages/faq-edit

Matt

1 Like
3

Hi Matt!

Sure thing, here’s the code that should help you adjust the width for your FAQ widget:

.global-styles, .elfsight-app-a8827037-006b-4665-87d1-69768ee6a4c3 {
  width: 700px;
}

Please be advise that this code will work only for a particular FAQ widget installed on this page: faq — Forme Yoga.

If you need to apply the same CSS code to other widgets, you have to change the part with the widget ID, I’ll show it on a screenshot:

image
image706×101 9.65 KB

Please let me know if it helped!

4

Where do I find the app code hi-lighted?

1 Like
5

Welcome to the forum, @user829! :hugs:

You will find your widget installation code in your Elfsight dashboard → choose the needed app → Add to website button:

code
code1255×311 34.4 KB

This article contains more details, so feel free to check it out: Where to get Elfsight widget installation code - Elfsight Help Center

Please let me know if it helped!

7

I did not purchase the app through Elfsight. I purchased the app through Spotify.

I tried to change the shade of the text and the text disappeared completely. I am at a loss. Tom

8

I see, thank you for the specification!

You know, I’ve checked our helpdesk, and it seems my colleagues from Support Team are already working on your support ticket.

Since this forum is for users of our cloud apps from elfsight.com, I guess my colleagues will be the best people to assist you. You’re welcome to ask any questions there :slight_smile: