The CSS code doesn't work.

Home Forums All Other Themes The CSS code doesn't work.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #118167
    xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    I have been using SKT Theme for a while and I found that if I change the CSS settings in the browser directly, It works. If I put the CSS code to the “Appearance >> Customize >> Basic >> Custom CSS”, it doesn’t work.

    For Example, I want to change the border color of the flip box back side, so I tried the CSS in the browser as the first image attached below, it works. Then I put the CSS code into the “Custom CSS” section, it doesn’t work, the CSS code even doesn’t show up in the style section of the console. Please check the second image attached.

    None of the CSS code below works.

    .flipcard .back {
    background-color: #f7f7f7;
    border-color: #fefefe;
    }

    .flipcard .back {
    background-color: #f7f7f7;
    border-color: #fefefe!important;
    }

    Attached Images:
    First Image:
    Change in the Browser
    Second Image:
    Not changed

    I have been experiencing this situation for a while and please help! Thank you very much.

    Warm Regards,
    Xiaoling

    #118201
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #118232
    xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018
    #118248
    xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    Sorry, I removed it from the homepage. But you can check it here.

    Home06-02

    Thank you!

    Warm regards,
    Xiaoling

    #118371
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .flipcard .back { border-color: #fefefe !important;}

    Regards,
    Chris

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.