Global css styling applying on whatever external scripts I add

  • Resolved slm_xd

    (@slm_xd)


    12 years ago

    Hi.

    I really like the theme and I use it on one of my blogs. However, it seems that it always prevents me from adding external scripts because their layout get very messed up due to the global CSS of this theme.

    An example of the broken layout is the google custom search. The margins are wrong and the little bar’s background is not aligned right.

    Is there a way of fixing this? Or is it going to be fixed in a future version?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter slm_xd

    (@slm_xd)

    Here is what I mean by the way:
    look at how the google search looks like.
    https://blog.al-aqel.com/le_testing/

    Sanjip Shah

    (@sanjiv-saha)

    Hi,

    I just checked the link you provided. I don’t think any of the theme’s CSS is effecting the custom google search.
    Try this custom CSS and see if it works.

    .gsib_a {
    padding: 0px !important;
}

    Sanjiv
    Team Horse

    Thread Starter slm_xd

    (@slm_xd)

    Hello.

    Nice! This actually fixed the margins of the inner background of the search bar. But the magnifying glass icon on the button is not shown.

    Thanks so much!

    Sanjip Shah

    (@sanjiv-saha)

    #main form #___gcse_0 input {
    -moz-box-sizing: content-box;
}

    See if this custom css works.

    Thread Starter slm_xd

    (@slm_xd)

    No, this one didn’t change anything.

    Sanjip Shah

    (@sanjiv-saha)

    I don’t see the added custom css if I view the page source for your site. Are you making the changes in this https://blog.al-aqel.com/le_testing/.

    Thread Starter slm_xd

    (@slm_xd)

    Yes: https://i.imgur.com/qUDSRmL.png

    Could be a caching issue? I enabled development mode in CloudFlare. Maybe it’ll help.

    Thanks for your time by the way.

    Sanjip Shah

    (@sanjiv-saha)

    May be I gave you the wrong order for the html tags.

    #main #___gcse_0 form input {
    -moz-box-sizing: content-box;
    }

    Try this one.

    Thread Starter slm_xd

    (@slm_xd)

    Also no, magnifying glass hates us ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Global css styling applying on whatever external scripts I add’ is closed to new replies.