CSS not working on the DIV

auditbot · August 2020

Hi,

We have defined the CSS in the custom CSS and have called the CSS on the DIV. But the CSS is not working on the page. Same is working when put it on HTML page, outside wordpress theme. Please help us to understand the issue.

Below is the CSS:

[11:00 PM, 8/15/2020] Sooriyaoli SSA 10: /*
    @name auditbot_products module
*/

/* Only edit this if you know what you are doing! */
#inline-container img { position: absolute; display: block; margin: 0px; border: none; padding: 0px; }
/* Only edit this if you know what you are doing! */
#inline-container div { position: absolute; }
/* Add your custom CSS here */#inline-container { display: block; position: relative; width: 1440px; height: 5777px; margin-left: auto; margin-right: auto; }
#bg_auditbot_products {
    top: 0px;
    left: 0px;
    width: 1440px;
    height: 5777px;
}
#rectangle_268 {
    top: 0px !important;
    position: absolute !important;
    left: 0px;
    width: 1440px;
    height: 80px;
    background:url(http://www.asaa.xyz/auditbot/wp-content/uploads/2020/08/rectangle_268.png);
    ba…
[11:07 PM, 8/15/2020] Anand K Sengottaiyan: http://www.asaa.xyz/auditbot/products/user-role-automation-new1/
[12:02 AM, 8/16/2020] Anand K Sengottaiyan: https://themes.muffingroup.com/be/theme/shortcodes/typography/#lists
[12:06 AM, 8/16/2020] Sooriyaoli SSA 10: #group_460 {
    top: 636px;
    left: 99px;
    width: 1235px;
    height: 500px;
}

#role_automation_challenges_and_pain_points {
    top: 11px;
    left: 530px;
    width: 472px;
    height: 92px;
    font-family: DINPro;
    font-size: 38px;
    text-align: left;
    color:#000000;
}
#_01 {
    top: 158px;
    left: 569px;
    width: 34px;
    height: 31px;
    font-family: DINPro;
    font-size: 26px;
    text-align: left;
    color:#000000;
}
#_02 {
    top: 268px;
    left: 569px;
    width: 34px;
    height: 31px;
    font-family: DINPro;
    font-size: 26px;
    text-align: left;
    color:#000000;
}
#_03 {
    top: 403px;
    left: 569px;
    width: 34px;
    height: 31px;
    font-family: DINPro;
    font-size: 26px;
    text-align: left;
    color:#000000;
}
#img1 {
    top: 0px !important;
    position: absolute !important;
    left: 0px;
    width: 500px;
    height: 500px;
    background:url(http://www.asaa.xyz/auditbot/wp-content/uploads/2020/08/img1.png);
    background-size:cover;
}
#corporate_mergers_and_spin_off_will_directly_impact_thousands_of_sap_roles_to_reflect_organizational_changes_in_their_sap_systems {
    top: 157px;
    left: 636px;
    width: 587px;
    height: 48px;
    font-family: DINPro;
    font-size: 20px;
    text-align: left;
    color:#000000;
}
#corporate_re_organization_mass_role_changes_are_expected_tohappen_quickly_without_any_human_errors_that_demand_additionalbudgetresourcemanual_efforts {
    top: 267px;
    left: 636px;
    width: 592px;
    height: 72px;
    font-family: DINPro;
    font-size: 20px;
    text-align: left;
    color:#000000;
}
#when_sap_landscape_gets_bigger_it_demands_more_sap_securityresources_to_meet_the_sap_security_needs {
    top: 402px;
    left: 640px;
    width: 600px;
    height: 48px;
    font-family: DINPro;
    font-size: 20px;
    text-align: left;
    color:#000000;
}

Below is the DIV we have used on this page - http://www.asaa.xyz/auditbot/products/user-role-automation-new1/ under Role Automation challenges and pain points.

<div id="group_460" >
        <div id="role_automation_challenges_and_pain_points" >
            Role Automation<br/>Challenges and Pain Points
        </div>

<div id="_01" >
            01
        </div>

<div id="corporate_mergers_and_spin_off_will_directly_impact_thousands_of_sap_roles_to_reflect_organizational_changes_in_their_sap_systems" >
            Corporate Mergers and Spin-off will directly impact thousands of <br/>SAP roles to reflect organizational changes in their SAP systems.
        </div>

        <div id="_02" >
            02
        </div>
<div id="corporate_re_organization_mass_role_changes_are_expected_tohappen_quickly_without_any_human_errors_that_demand_additionalbudgetresourcemanual_efforts" >
            Corporate re-organization, Mass Role changes are expected to <br/>happen quickly without any human errors that demand additional <br/>budget, resource, manual efforts.
        </div>
        <div id="_03" >
            03
        </div>



        <div id="when_sap_landscape_gets_bigger_it_demands_more_sap_securityresources_to_meet_the_sap_security_needs" >
            When SAP Landscape gets bigger, it demands more SAP security <br/>resources to meet the SAP security needs.
        </div>

    </div>

Pablo · August 2020

Hello,

This is not a theme issue at all, and we do not help with the custom code tweaks that users made.

What we can suggest is to use the !important rule to overwrite the actual css code, see the docs:

https://www.geeksforgeeks.org/how-to-apply-important-in-css/

thanks

CSS not working on the DIV

Comments