WordPress.org

Ready to get started?Download WordPress

Forums

Swift Basic
How to reset CSS for specific (6 posts)

  1. Windavid
    Member
    Posted 1 year ago #

    I am trying to add a hostel search widget:

    (I have a javascript plugin)
    <script language='Javascript' src='http://www.bookhostels.com/files/index.php?UserID=ADV-HUB.com&File=bighw&Language=English&Currency=USD&NewWindow=0&PropTypeSelect='></script>

    to the bottom of this webpage:
    http://www.adv-hub.com/adv-trip-planner/

    I believe the CSS in Swift, great theme by the way, is skewing the design. I was told I should reset the CSS for a specific <div> id but I don't know exactly how to do this.

    Any advice would be greatly appreciated! Thanks!

  2. Satish Gandham
    Member
    Theme Author

    Posted 12 months ago #

    Which div are you talking about.
    Can you post a screenshot?

  3. Windavid
    Member
    Posted 12 months ago #

    Thanks Satish! Love the theme.

    Here's a screenshot link. It shows how the simple javascript search widget is blown apart because of the table settings in the CSS (I think).

    Is there anyway I could put a <div> around this javascript to prevent it from adding any css style to this js?

    Thanks man

  4. Windavid
    Member
    Posted 11 months ago #

    I found this in the style.css. Maybe it has something to do with my problem?

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
     * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {display: block;}

    I still haven't found how to eliminate the CSS styling on my javascript element.

    Here is the javascript I am trying to add to my page:

    <script language='Javascript' src='http://www.bookhostels.com/files/index.php?UserID=ADV-HUB.com&File=bighw&Language=English&Currency=USD&NewWindow=1&PropTypeSelect=1'></script>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

    This is what it looks like when the page loads: Screenshot link

    How do I prevent it from blowing up?

    Thanks for the help!

  5. Satish Gandham
    Member
    Theme Author

    Posted 11 months ago #

    In swift there is an option to disable table styling under plugin compatibility.

  6. Windavid
    Member
    Posted 11 months ago #

    I used the "disable table styling" under the plugin compatibility tab, and it helped a little bit, but it's still throwing off the javascript I pasted above.

    What I'm looking for is a HTML code which I can wrap around the javascript which will disable all CSS for the wrapped element (javascript in this case).

    The js works in the sidebar as a widget when I use the "HTML Javascript Adder" plugin, so I know the javascript it good.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.