[Resolved] How can I remove this CSS rule?

[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

[Leo]

Hi there,

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

[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 🙂

[Leo]

That option is still available actually.

Is it currently set to default for that page?

[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.

[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>

[Leo]

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 🙂

[William]

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

No padding settings.

[Tom]

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 🙂

[William]

Hmmm … Very interesting!! It works 🙂

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

Mahalo Tom – and Leo 🙂

[Tom]

Another alternative is to un-hook the function completely:

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

Glad we could help 🙂

[William]

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

Thank you both again!

[Tom]

Awesome. No problem! 🙂

[Author]

Posts