topic Re: Change size of Gartner Peer Insights Widget on Website Pages in CMS Development

Change size of Gartner Peer Insights Widget on Website Pages

sboug — Tue, 28 Feb 2023 10:21:41 GMT

Hi,

I'm looking at add the Gartner Peer Insights widget onto our website but I want to adjust the size of the widget and I'm not sure how. I'm looking to change the width so it's more landscape than portrait.

Can anyone help with this?

Thanks

Shelley

Re: Change size of Gartner Peer Insights Widget on Website Pages

piersg — Tue, 28 Feb 2023 11:24:13 GMT

Can you share a page with the widget on? Much easier to help with CSS when you can see it 🙂

Re: Change size of Gartner Peer Insights Widget on Website Pages

sboug — Tue, 28 Feb 2023 12:05:45 GMT

lt's halfway down on this page https://www.cloudficient.com/enterprise-vault-migration-prep-guide

Re: Change size of Gartner Peer Insights Widget on Website Pages

piersg — Tue, 28 Feb 2023 14:25:01 GMT

If you do this

#gartnerDiv > div { width: 100%; } /* this one to move the "As of X 2023" date */ .gartner-pi-as-of-date { transform: rotate(-90deg) translate(131px,233px) !important; }

You'll get this

Re: Change size of Gartner Peer Insights Widget on Website Pages

sboug — Tue, 28 Feb 2023 14:58:58 GMT

yes this is perfect, thank you!

would i add this after the script i pasted above?

Re: Change size of Gartner Peer Insights Widget on Website Pages

piersg — Tue, 28 Feb 2023 16:18:03 GMT

Yes, you can do. Copy paste this after the closing script tag:

I've added a media query to hide the as of date for mobile as it's too small to read and will go off the screen causing overflow.

Re: Change size of Gartner Peer Insights Widget on Website Pages

sboug — Tue, 28 Feb 2023 16:53:28 GMT

thank you so much - this is exactly what I was looking for - apprecaite the quick response 😀