Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 8, 2016 at 12:15 pm #628852
    charlotteraboff

    Hey,

    http://www.airlinestaffrates.com/deal-finder-widget/
    I have added this code to quick css:
    .dealwidget300 {
    width: 300px !important;
    }

    and “dealwidget300” to Custom css for each column but it is not working…

    What have I done wrong?

    Thanks
    Charlotte

    May 8, 2016 at 10:54 pm #628933
    Jordan

    Hey Charlotte,

    Thanks for getting in touch with us!

    The elements with the deal find that you gave the custom class to is already 300px in width. Your custom class is added and works but for the deals to not be cut off try the following:

    .dealwidget300 iframe {
    width: 350px !important;
}

    Best regards,
    Jordan

    May 9, 2016 at 1:52 pm #629194
    charlotteraboff

    Thanks Jordan but I want it to be 300px wide and when I change to 300 px in this code and the code in the column it does not work…

    What I am doing wrong?

    Thanks
    Charlotte

    May 11, 2016 at 6:29 am #630430
    Ismael

    Hi,

    The widget applies an inline style in the container inside the iframe that we can’t override in any external stylesheets:

    
<div id="container" style="height:400px; width:350px;">
// other content here</div>

    Please ask the plugin author if we can override that style via filter or something else.

    Best regards,
    Ismael

    May 11, 2016 at 6:30 am #630431
    charlotteraboff

    Hi Jordan.

    No, that does not work either. They still get cut off –

    http://www.airlinestaffrates.com/deal-finder-widget/

    May 11, 2016 at 6:31 am #630432
    charlotteraboff

    Aha.. ok, thanks..

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom css class not working’ is closed to new replies.