[Resolved] How can I remove this CSS rule?

Home Forums Support How can I remove this CSS rule?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #981525
    William

    Aloha 🙂

    How can I remove this CSS rule?

    .fl-builder.one-container.no-sidebar .site-content {
    padding: 0;
    }

    Iʻm pretty sure itʻs GP generated … but maybe Beaver Builder?

    Itʻs overriding my Customizing ▸ Layout ▸ Container ▸ Content Padding settings.

    Much thanks from Hawaii!

    bill

    #981529
    Leo
    Staff
    Customer Support

    Hi there,

    I can’t quite tell where the CSS is coming from though. Can you deactivate any caching plugins or server cache?

    #981531
    William

    Aloha Leo 🙂

    Iʻm worried that itʻs a leftover CSS rule from an old version of GP.

    Looks like maybe it comes from here – no longer available.

    https://docs.generatepress.com/article/page-builder-container/

    I just cleared server cache – canʻt deactivate.

    Thanks 🙂

    #981541
    Leo
    Staff
    Customer Support

    That option is still available actually.

    Is it currently set to default for that page?

    #981605
    William

    Sorry Leo … I thought it was missing from the Customizer. Ie. I thought it was a Global Setting.

    Is set to Default.

    But the issue is sitewide.

    #981606
    William

    The CSS rule Iʻm trying to get rid of is way down toward the bottom of GPʻs CSS.

    I bolded it for you.

    <link rel=’stylesheet’ id=’generate-style-css’ href=’https://944nxamsxb-flywheel.netdna-ssl.com/wp-content/themes/generatepress/css/all.min.css?ver=2.3.2&#8242; type=’text/css’ media=’all’ /><style id=’generate-style-inline-css’ type=’text/css’>.generate-page-header, .page-header-image, .page-header-image-single {
    display:none
    }
    .entry-header {
    display:none
    }
    .page-content, .entry-content, .entry-summary {
    margin-top:0
    }
    body{
    background-color:#ffffff;
    color:#222222;
    }
    a, a:visited{
    color:#0000ee;
    }
    a:visited{
    color:#551a8b;
    }
    a:hover, a:focus, a:active{
    color:#5ba2e0;
    }
    body .grid-container{
    max-width:1100px;
    }
    .site-header .header-image{
    width:577px;
    }
    body, button, input, select, textarea{
    font-family:-apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;
    font-size:15px;
    }
    p{
    margin-bottom:0em;
    }
    .entry-content > [class*=”wp-block-“]:not(:last-child){
    margin-bottom:0em;
    }
    .main-title{
    font-weight:normal;
    }
    .main-navigation .main-nav ul ul li a{
    font-size:14px;
    }
    h1{
    font-weight:bold;
    font-size:18px;
    line-height:0em;
    margin-bottom:0px;
    }
    h2{
    font-weight:600;
    font-size:15px;
    line-height:0em;
    margin-bottom:0px;
    }
    h3{
    font-weight:600;
    font-size:15px;
    line-height:0em;
    margin-bottom:0px;
    }
    h4{
    font-weight:600;
    font-size:14px;
    }
    h5{
    font-weight:600;
    }

    @media
    (max-width:768px){
    .main-title{
    font-size:30px;
    }
    h1{
    font-size:18px;
    }
    h2{
    font-size:15px;
    }
    }
    .top-bar{
    background-color:#020202;
    color:#ffffff;
    }
    .top-bar a,.top-bar a:visited{
    color:#ffffff;
    }
    .top-bar a:hover{
    color:#303030;
    }
    .site-header{
    background-color:#4b564a;
    }
    .site-header a,.site-header a:visited{
    color:#3a3a3a;
    }
    .main-title a,.main-title a:hover,.main-title a:visited{
    color:#222222;
    }
    .site-description{
    color:#999999;
    }
    .main-navigation,.main-navigation ul ul{
    background-color:#111111;
    }
    .main-navigation .main-nav ul li a,.menu-toggle{
    color:#ffffff;
    }
    .main-navigation .main-nav ul li:hover > a,.main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a{
    color:#ffffff;
    background-color:#23282d;
    }
    button.menu-toggle:hover,button.menu-toggle:focus,.main-navigation .mobile-bar-items a,.main-navigation .mobile-bar-items a:hover,.main-navigation .mobile-bar-items a:focus{
    color:#ffffff;
    }
    .main-navigation .main-nav ul li[class*=”current-menu-“] > a{
    color:#f1c40f;
    background-color:#23282d;
    }
    .main-navigation .main-nav ul li[class*=”current-menu-“] > a:hover,.main-navigation .main-nav ul li[class*=”current-menu-“].sfHover > a{
    color:#f1c40f;
    background-color:#23282d;
    }
    .navigation-search input[type=”search”],.navigation-search input[type=”search”]:active{
    color:#23282d;
    background-color:#23282d;
    }
    .navigation-search input[type=”search”]:focus{
    color:#ffffff;
    background-color:#23282d;
    }
    .main-navigation ul ul{
    background-color:#3f3f3f;
    }
    .main-navigation .main-nav ul ul li a{
    color:#ffffff;
    }
    .main-navigation .main-nav ul ul li:hover > a,.main-navigation .main-nav ul ul li:focus > a,.main-navigation .main-nav ul ul li.sfHover > a{
    color:#ffffff;
    background-color:#4f4f4f;
    }
    .main-navigation .main-nav ul ul li[class*=”current-menu-“] > a{
    color:#ffffff;
    background-color:#4f4f4f;
    }
    .main-navigation .main-nav ul ul li[class*=”current-menu-“] > a:hover,.main-navigation .main-nav ul ul li[class*=”current-menu-“].sfHover > a{
    color:#ffffff;
    background-color:#4f4f4f;
    }
    .entry-meta{
    color:#595959;
    }
    .entry-meta a,.entry-meta a:visited{
    color:#595959;
    }
    .entry-meta a:hover{
    color:#1e73be;
    }
    .sidebar .widget{
    background-color:#ffffff;
    }
    .sidebar .widget .widget-title{
    color:#000000;
    }
    .footer-widgets{
    background-color:#ffffff;
    }
    .footer-widgets .widget-title{
    color:#000000;
    }
    .site-info{
    color:#ffffff;
    background-color:#222222;
    }
    .site-info a,.site-info a:visited{
    color:#ffffff;
    }
    .site-info a:hover{
    color:#606060;
    }
    .footer-bar .widget_nav_menu .current-menu-item a{
    color:#606060;
    }
    input[type=”text”],input[type=”email”],input[type=”url”],input[type=”password”],input[type=”search”],input[type=”tel”],input[type=”number”],textarea,select{
    color:#666666;
    background-color:#fafafa;
    border-color:#cccccc;
    }
    input[type=”text”]:focus,input[type=”email”]:focus,input[type=”url”]:focus,input[type=”password”]:focus,input[type=”search”]:focus,input[type=”tel”]:focus,input[type=”number”]:focus,textarea:focus,select:focus{
    color:#666666;
    background-color:#ffffff;
    border-color:#bfbfbf;
    }
    button,html input[type=”button”],input[type=”reset”],input[type=”submit”],a.button,a.button:visited,a.wp-block-button__link:not(.has-background){
    color:#ffffff;
    background-color:#666666;
    }
    button:hover,html input[type=”button”]:hover,input[type=”reset”]:hover,input[type=”submit”]:hover,a.button:hover,button:focus,html input[type=”button”]:focus,input[type=”reset”]:focus,input[type=”submit”]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{
    color:#ffffff;
    background-color:#3f3f3f;
    }
    .generate-back-to-top,.generate-back-to-top:visited{
    background-color:rgba( 0,0,0,0.4 );
    color:#ffffff;
    }
    .generate-back-to-top:hover,.generate-back-to-top:focus{
    background-color:rgba( 0,0,0,0.6 );
    color:#ffffff;
    }
    .inside-header{
    padding:0px;
    }
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{
    padding:18px 0px 27px 0px;
    }
    .entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{
    margin-left:-0px;
    width:calc(100% + 0px);
    max-width:calc(100% + 0px);
    }
    .one-container.right-sidebar .site-main,.one-container.both-right .site-main{
    margin-right:0px;
    }
    .one-container.left-sidebar .site-main,.one-container.both-left .site-main{
    margin-left:0px;
    }
    .one-container.both-sidebars .site-main{
    margin:0px;
    }
    .separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header, .widget-area .main-navigation{
    margin-bottom:0px;
    }
    .separate-containers .site-main{
    margin:0px;
    }
    .both-right.separate-containers .inside-left-sidebar{
    margin-right:0px;
    }
    .both-right.separate-containers .inside-right-sidebar{
    margin-left:0px;
    }
    .both-left.separate-containers .inside-left-sidebar{
    margin-right:0px;
    }
    .both-left.separate-containers .inside-right-sidebar{
    margin-left:0px;
    }
    .separate-containers .page-header-image, .separate-containers .page-header-contained, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single{
    margin-top:0px;
    }
    .separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar{
    margin-top:0px;
    margin-bottom:0px;
    }
    .main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .mobile-bar-items a{
    padding-left:18px;
    padding-right:18px;
    line-height:48px;
    }
    .main-navigation .main-nav ul ul li a{
    padding:0px 18px 0px 18px;
    }
    .main-navigation ul ul{
    width:0px;
    }
    .navigation-search input{
    height:48px;
    }
    .rtl .menu-item-has-children .dropdown-menu-toggle{
    padding-left:18px;
    }
    .menu-item-has-children .dropdown-menu-toggle{
    padding-right:18px;
    }
    .menu-item-has-children ul .dropdown-menu-toggle{
    padding-top:0px;
    padding-bottom:0px;
    margin-top:-0px;
    }
    .rtl .main-navigation .main-nav ul li.menu-item-has-children > a{
    padding-right:18px;
    }
    .footer-widgets{
    padding:0px;
    }
    .site-info{
    padding:0px;
    }

    @media
    (max-width:768px){
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{
    padding:18px 0px 27px 0px;
    }
    .entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{
    margin-left:-0px;
    width:calc(100% + 0px);
    max-width:calc(100% + 0px);
    }
    }
    /* End cached CSS */
    .page .entry-content{
    margin-top:0px;
    }

    @media
    (max-width: 768px){
    .main-navigation .menu-toggle,.main-navigation .mobile-bar-items,.sidebar-nav-mobile:not(#sticky-placeholder){
    display:block;
    }
    .main-navigation ul,.gen-sidebar-nav{
    display:none;
    }
    [class*=”nav-float-“] .site-header .inside-header > *{
    float:none;
    clear:both;
    }
    }
    @font-face {
    font-family: “GeneratePress”;
    src: url(“https://geography.manoa.hawaii.edu/wp-content/themes/generatepress/fonts/generatepress.eot&#8221;);
    src: url(“https://geography.manoa.hawaii.edu/wp-content/themes/generatepress/fonts/generatepress.eot#iefix&#8221;) format(“embedded-opentype”), url(“https://geography.manoa.hawaii.edu/wp-content/themes/generatepress/fonts/generatepress.woff2&#8221;) format(“woff2”), url(“https://geography.manoa.hawaii.edu/wp-content/themes/generatepress/fonts/generatepress.woff&#8221;) format(“woff”), url(“https://geography.manoa.hawaii.edu/wp-content/themes/generatepress/fonts/generatepress.ttf&#8221;) format(“truetype”), url(“https://geography.manoa.hawaii.edu/wp-content/themes/generatepress/fonts/generatepress.svg#GeneratePress&#8221;) format(“svg”);
    font-weight: normal;
    font-style: normal;
    }
    .navigation-branding .main-title{
    font-weight:normal;
    text-transform:none;
    font-size:45px;
    }

    @media
    (max-width:768px){
    .navigation-branding .main-title{
    font-size:30px;
    }
    }
    .fl-builder.no-sidebar .container.grid-container {
    max-width: 100%;
    }
    .fl-builder.one-container.no-sidebar .site-content {
    padding:0;
    }


    @media
    (max-width:768px){
    .inside-header{
    padding-top:0px;
    padding-right:15px;
    padding-left:15px;
    }
    }
    .post-image, .page-content, .entry-content, .entry-summary, footer.entry-meta{
    margin-top:0em;
    }
    .post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image{
    margin-bottom:0em;
    }
    </style>

    #981623
    Leo
    Staff
    Customer Support

    That CSS should only be applied when the page builder container is used.

    Can you check if there is a Layout Element setting the page builder container?
    https://docs.generatepress.com/article/layout-element-overview/

    Let me know 🙂

    #981631
    William

    I have only one Element defined for the site .. but it only Disables a few items.

    No padding settings.

    #981649
    Tom
    Lead Developer
    Lead Developer

    That is a very old CSS rule that only exists on pages published prior to 2017-03-14.

    If you change the published date of your page to after that date, it should go away.

    Let me know 🙂

    #981727
    William

    Hmmm … Very interesting!! It works 🙂

    Ever batch change the Publish Date for all pages in a site?

    Mahalo Tom – and Leo 🙂

    #982208
    Tom
    Lead Developer
    Lead Developer

    Another alternative is to un-hook the function completely:

    remove_action( 'wp_enqueue_scripts', 'generate_beaver_builder_css', 100 );

    Glad we could help 🙂

    #982271
    William

    Found a dated plugin to batch change the Publish Date – worked perfectly 🙂

    Thank you both again!

    #982481
    Tom
    Lead Developer
    Lead Developer
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.