Question 2376 in Wordpress Question posted in
The official Wordpress documentation can be found here.

Hide a div using css in wordpress

This is the html of what I want to hide

<div class="count">
            <div class="number">1</div>
            <div class="text">donation</div>
        </div>

I’ve tried to use the CSS code:

.count {
  display: none;
}

As well as:

body.page-id-750 div.count {
  display: none;
}

For ref the body is:

<body itemtype="https://schema.org/WebPage" itemscope="itemscope" class="page-template-default page page-id-750 logged-in admin-bar wp-custom-logo ast-single-post ast-mobile-inherit-site-logo ast-inherit-site-logo-transparent ast-theme-transparent-header ast-hfb-header ast-page-builder-template ast-no-sidebar astra-3.9.2 elementor-default elementor-kit-442 elementor-page elementor-page-750 customize-support e--ua-blink e--ua-chrome e--ua-webkit ast-mouse-clicked ast-header-break-point"
Tags:

2

Answers


  1. 0

    Try with

    .count {
  display: none!important;
}

body.page-id-750 div.count {
  display: none!important;
}
    Login or Signup to reply.
  2. 0

    I looked add you website code and the problem is that you are loading a widget thats an iframe.

    In basic an iframe is an element to show an other website inside your website. Your website doesn’t control the iframe content.

    Now the strange part is if i look add the iframe you are loading it with code from your own website? So the solution would be adding the css to your widget or iframe.

    Is there a widget or plugin you are using?

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search