finding where some code is located

  • SmartRobbie

    (@smartrobbie)


    9 years ago

    Hi,

    I was wondering how I can find out where some code is located?

    Im using this theme: http://shopkeeper.getbowtied.com/

    but I have a plugin called popupally pro.

    It turns out that some code on the theme is overrighting the code of the pop up, so the popup button displays the same colour as the background which I dont want.

    I have to find some code and take out !important from the code.

    The code is something like:
    .button, input[type=”button”], input[type=”reset”], input[type=”submit”] {
    background-color: #7dcdd2 !important;
    }

    I can’t seem to find the code anywhere! would anyone know what file it would be in on the FTP site? e.g. is it a .css file? or something else?

    I would provide a link to my actual site but it’s locked up behind logins at the moment.

    Thanks,

    Robyn

Viewing 4 replies - 1 through 4 (of 4 total)
  • martcol

    (@hotmale)

    9 years ago

    This is what I read on the plugin website:

    COLORS
    Using the easy, point-and-click pallet selector (or your own hex codes) you control background colors, font colors, and button colors. You even control the color and translucency of the background screen fade.

    Can you find a way to edit the HEX values/colours in the plugin interface?

    Thread Starter SmartRobbie

    (@smartrobbie)

    9 years ago

    Hi, yes can edit the colours, but there seems to be an overright rule somewhere. e.g. all buttons are blue. but the button I want to use on the pop up I want grey. and I think it’s because of the ‘!important’ text in the code.

    martcol

    (@hotmale)

    9 years ago

    .button, input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #7dcdd2 !important;
}

    So, that’s somewhere in your css probably in the theme folder.

    If this is the style you want to override then replicate that style and make the selector more specific. Higher specificity trumps lower (more or less).

    Increase the specificity by adding a parent selector so assuming the element with class of button is in a div:

    div .button

    Would trump

    .button

    Add your new style using a plugin for that purpose or a child theme. It is accepted best practice to not mess with the parent theme files.

    michal.lausch

    (@michallausch)

    9 years ago

    Hi,

    I thing the best move You can do is to use some debug tool.
    For example Firefox (Ctrl+Shift+C) and Chrome (Ctrl+Shift+I), has a build in inspector.
    Now You can click on element of doubt and it shows You where in source that element is located and what style does it have, with file name and event specific line in that css.

    Hope that will help.
    ML

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘finding where some code is located’ is closed to new replies.