Blockify - Fraud IP Blocker
  • 💡About Blockify - Fraud IP Blocker
    • 🛡️How to validate checkout for fraud prevention
  • ⭐Getting started
    • Add a new rule to block
      • Block referrer URL
      • Block specific page
    • Add a new rule to redirect
    • Add a new rule to whitelist
    • Proxy and VPN blocker
    • TOR blocker
    • Auto-block visitors when IP changes
    • Content protection
    • Custom blocking template
    • Visitor Analytics
    • Fraud Orders
      • Auto-block visitors placing fraud orders
      • Auto-cancel high-risk orders
      • Order from VPN/Proxy
    • Block Checkout
      • Auto-block checkout with free products
      • Block checkout based on conditions
      • Instruction to add Checkout blocks (for Shopify Plus only)
    • Priority Rule Management
    • CSS customization
    • Loading effect of Blocking page
  • ⚡Tips and tricks
    • How to allow only a country to access my site?
    • How can I access my store if I have blocked my own country?
  • ❓FAQ
    • What is a referrer URL?
    • General FAQ
    • Features related FAQ
  • 📖Policies, Terms, and Conditions
    • Terms and Conditions
    • Privacy Policy
Powered by GitBook
On this page
  • Location
  • Functionality
  • Notes:

Was this helpful?

  1. Getting started

CSS customization

PreviousPriority Rule ManagementNextLoading effect of Blocking page

Last updated 1 year ago

Was this helpful?

Available for Premium and Enterprise plan

Location

On the Settings tab

Functionality

Customizing CSS allows you to change the visual style and layout of the blocking page, ensuring seamless integration with your brand and meeting specific requirements.

Notes:

The blocking page consists of 4 elements:

Title

Description

Logo

Background

When you access this feature, you will see that we have automatically filled in the code for these 4 elements based on the default template. If you want to modify these elements, simply change the attributes of each one.

We prioritize editing within the Edit template over CSS editing. Therefore, if you want CSS edits to take precedence over the Edit template, please add !important after the attributes

⭐