Problems Adding a Widget

  • 1
  • Problem
  • Updated 7 years ago
I am adding a widget provided to me by Expedia. It looks like this when I paste the code in to SOME styles: However, when I paste in to a different style, for example the one I am using, it looks like this: This problem is style specific and I have no idea why this is happening. Is this something to do with margins or just a property of this style?

Kind Regards,
Amar
www.frodotraveller.com
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
  • frustrated

Posted 7 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Amar,

It is something to do with div padding in the style's CSS.

Can you let me know what styles are doing this? I'll be happy to investigate the CSS files of the styles you say have the problems and give you a code to fix it.

Nathan
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Amar

Thanks for the screen shots. Those are really helpful for us to see what is happening on your page. It is possible that the style is making the widget contents shift on your page. As Nathan said, please let us know which styles you are testing on so we can take a look.

Thanks
Nazlie
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
Hello
I am currently using the style "Orange Dusk".
I am a Silver customer so I can use Custom CSS if required.

Amar
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thanks Amar.

Do you have it published? I'll need to view the source of your page and see if I can find any CSS that would make this happen.

Nathan
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
Yes it is published at www.frodotraveller.com .

Amar
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Amar,
I will be referring this thread back to our HTML team for further investigation, as they are trained in custom CSS. Please allow 48 hours for a reply. We appreciate your patience as they look into this with you!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Amar,

I'm viewing your source right now and I'm looking into the CSS. I'll let you know when I find the problem.

Nathan
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
Thanks for that Nathan!

Amar
Photo of Francois

Francois, Employee

  • 282 Posts
  • 19 Reply Likes
Hi Amar,

As Andi said, that issue is definitely style specific and would relate directly to the div padding value on certain styles. Having the Yola Silver package, you have access to the site CSS (which will differ from style to style) and you can edit this to decrease the necessary CSS values for padding and margins to suit your requirements.

I hope this helps.
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
Hello Francois,
I am not very familiar with CSS and other coding languages. I am not exactly sure what to change and where it would be in the CSS of my style.

Amar