Custom CSS is not working

  • Resolved ifalcuho

    (@ifalcuho)


    9 months, 3 weeks ago

    Hi!

    I have tried to apply the following CSS code in the custom css panel:

    .stk-block-columns.stk-block-background {
    background-size: cover !important;
    background-position: center !important;
    }

    with the objective of fixing the background image of the block and ensuring that it does not deform when applying a zoom of less than 100%, exactly as happens with the carrousel above.

    The change was not applied. Likewise, other changes attempted from the Custom CSS panel also failed.

    Both the plugins and the WordPress version are up to date.

    Thanks in advance for the help.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • You have a syntax error in the custom CSS. Current:

    /* responsive map */
@media only screen and (max-width: 1024px) {
.ct-map { height:400px; }
lario .wpforms-field {
    width: 700px; /* Ajusta el tama?o según tus necesidades */
}

.stk-block-columns.stk-block-background {
    background-size: cover !important;
    background-position: center !important;
}

    A “}” is probably missing at this point:

    /* responsive map */
@media only screen and (max-width: 1024px) {
.ct-map { height:400px; }
lario .wpforms-field {
    width: 700px; /* Ajusta el tama?o según tus necesidades */
}
}

.stk-block-columns.stk-block-background {
    background-size: cover !important;
    background-position: center !important;
}
    Thread Starter ifalcuho

    (@ifalcuho)

    Thank u for your answer!
    I have applied the indicated correction and, unfortunately, the changes still have no effect… Anyway, I emphasize the fact that I have tried to apply other CSS codes before and the changes have never become visible

    I don’t see the individual code in your website now. Unfortunately, I can’t reproduce what could be wrong with it.

    Thread Starter ifalcuho

    (@ifalcuho)

    Hi!

    Do you mean that you can’t see the specific code that you very kindly provided me?

    Could there be some instruction in some file that is blocking additional css code from entering?

    I can now see the code you used before, but not my recommended code. As described above, you only need to insert this AFTER the code that you have already stored in Additional CSS.

    Thread Starter ifalcuho

    (@ifalcuho)

    hello again!

    Now I placed, first, the code that I had originally put. Then, I placed the code that you provided me. I still don’t see any changes. Any comment on this would be of great help to me.

    Kind regards

    Moderator Support Moderator

    (@moderator)

    Thread continues at https://www.ads-software.com/support/topic/custom-css-is-not-working-at-all/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Custom CSS is not working’ is closed to new replies.