Problems in css customization

  • Resolved kumarmilan

    (@kumarmilan)


    7 years, 10 months ago

    After updating to the latest version of storefront and woocommerce I am unable to use the “background: url(http://website domain/wp-content/uploads/2018/04/dot.png);” or “background-image: url(“http://website domain/wp-content/uploads/2018/04/dot.png”) in the custom css section under customization, getting an error on publishing the content “Looks like something’s gone wrong. Wait a couple seconds, and then try again.”. Another major issue I found is unable to add Arbitrary HTML code in custom HTML widget to footer widget columns. Any solution to fix these issue, please suggest.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    7 years, 10 months ago

    Hey @kumarmilan – sorry for the slow response. Could you share the full custom CSS with us? It’s difficult to troubleshoot a partial line since we’re not sure what to test exactly.

    Thanks!

    Thread Starter kumarmilan

    (@kumarmilan)

    7 years, 10 months ago

    Thanks, Job for your reply..

    I am trying to add in the customize CSS

    .woocommerce-tabs .panel .questions-answers .questions h3 {
    background: url(http://lavishcollections.in/wp-content/uploads/2018/02/question.png);
    background-position-x: 0px;
    background-position-y: 8px;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    color: #555;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0 10px 50px;
    margin-bottom: 0;
    }

    but while adding this to my customized CSS section I am getting the error “Looks like something’s gone wrong. Wait a couple seconds, and then try again.”. The only thing for which I am getting the error is adding the simple one line
    background: url(http://lavishcollections.in/wp-content/uploads/2018/02/question.png);

    The second thing I want to use the Custom HTML widget in the Footer Column on selecting Custom HTML widget it’s not working at all other widgets are working fine.

    The thing only happened after updating the WordPress, Woocommerce & storefront version, previously before updating the things everything was fine and was working smoothly.

    Thanks!

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    7 years, 10 months ago

    Thanks for getting back – I also do get some errors in the customizer, but it doesn’t seem to affect the code; I’ve changed the element on my site to work with something that I do have installed and it’s rendering just fine. So I’m not entirely sure what the image is. Are you sure that the selectors/classes are targetted correctly?


    Link to image: http://cld.wthms.co/7lggMe

    Luminus Alabi

    (@luminus)

    Automattic Happiness Engineer

    7 years, 10 months ago

    @kumarmilan,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

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

The topic ‘Problems in css customization’ is closed to new replies.