Search results for '%23advanced-settings'

  • cgregory
    cgregory

    Generally if you are using !important you are hitting the wrong css specificity to override the original css. This can cause you to have it also affect other parts of your site than what you intend.

    For example, there could be a .wiki-page #custom-css-field (there isn't but for this example lets assume there is). If you used the !important you'd be hitting both of them.  Using .campaign-settings #advanced-settings #custom-css-field you are telling it to only affect the custom-css-field found after an advanced-settings which is found after the campaign-setting class and leave the others alone.

    The other reason I prefer not using !important is that I can look at my code that has specificity and tell what exactly it is doing.  And where in OP's original code I can find their default values (if any) so I know how I changed it.

    Here is the code from OP

    .campaign-settings #advanced-settings #custom-css-field {
        height: 310px;
    }

    A quick look at the two tells me I've increased the height of the custom-css-field from 310px to 1000px.

April 2024
Season of Strife

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions