3rd party widget styling conflict. - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
October 28, 2015 at 12:10 pm #526031

BenDicksonPrint
Participant

Hi my client http://www.samp hirewhitstable.co.uk/contacts has installed a 3rd party widget using this code:

<script type=”text/javascript” src=”https://www.opentable.co.uk/frontdoor/default.aspx?rid=55630&restref=55630&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=https://www.opentable.co.uk/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&hover=1″></script>Samphire (55630), Kent Reservations

There is a style conflict I think, is there an easy solution to the styling of the widget?
Should I get the Pentacle to supply (class=”OT_ExtLink”) style for local styling?

This is what the widget should look like (below)
https://www.otrestaurant.com/marketing/ReservationWidget

Thanks

Ben

October 28, 2015 at 3:20 pm #526158

Yigit
Keymaster

Hey BenDicksonPrint!

According to this site – http://downforeveryoneorjustme.com/ your website is currently down. Can you please check the link once again?

Regards,
Yigit

October 28, 2015 at 3:33 pm #526171

BenDicksonPrint
Participant

Hi Yigit,

http://www.samp hirewhitstable.co.uk

Seems ok?

Thanks

Ben

October 28, 2015 at 3:36 pm #526177
Yigit
Keymaster
Hi!

Yes this one works. Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
```
.OT_wrapper {
    background: transparent!important;
}
```
Cheers!
Yigit
October 28, 2015 at 4:02 pm #526214

BenDicksonPrint
Participant

Hi Yigit,

This is the result… Is kind of blanking out all the widget styling, the drop downs in the widget aren’t working properly anyway? Anymore thoughts?

October 29, 2015 at 5:30 pm #527008

Yigit
Keymaster

Hey!

Do you mind creating a temporary admin login and posting it here privately?

Regards,
Yigit

October 29, 2015 at 6:27 pm #527062

BenDicksonPrint
Participant

Hi Yigit,

Thanks for getting back to me…
I’ve referred it back to the client for now, I’ll contact you again if they can’t find a solution.

Thanks

Ben

October 29, 2015 at 6:54 pm #527078

Yigit
Keymaster

Hey!

Sure Ben, we will keep the thread open. Please reply if you would like us to look into it :)

Cheers!
Yigit

November 2, 2015 at 3:10 pm #528523

BenDicksonPrint
Participant

Hi Yigit,

I’ve still no joy on this one I’m afraid?

Can I forward you the log ins for you to have a look the widget issues please?

Thanks

Ben

November 3, 2015 at 4:53 am #528970
Ismael
Moderator
Hey!

Try to add this in the Quick CSS field:
```
.OT_wrapper {
    min-width: 500px;
    width: 500px;
}

.OT_list, .OT_list > * {
  width: 400px !important;
}

#ui-datepicker-div {
  width: auto !important;
}
```
If you need to style a specific form, wrap it inside a div with a unique class or id attribute.

Best regards,
Ismael
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.