create180design 1 Report post Posted June 22, 2012 I pulled the following code from firebug to change the spacing and it is not taking effect. I do not have w3cache installed. #content .content-pad { ? ? ? ? padding-top:? 0px; } .one-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #column-main .mcolumn-pad { ? ? ? ? padding-bottom:? 0; ? ? ? ? padding-left:? 15px; ? ? ? ? padding-right:? 30px; ? ? ? ? padding-top:? 0; } .hentry h1, .hentry h2 { ? ? ? ? margin-bottom:? 0.5em; ? ? ? ? margin-left:? 0; ? ? ? ? margin-right:? 0; ? ? ? ? margin-top:? 0.5em; } Share this post Link to post Share on other sites
Stefan 6 Report post Posted June 22, 2012 Hey there! Did you follow the docs instructions on adding custom code? You can find them here: http://www.pagelines.com/wiki/How_to_Use_the_Custom_Code_Settings Share this post Link to post Share on other sites
create180design 1 Report post Posted June 22, 2012 Hi Stefan, i have used firebug and CSS frequently, and am following the directions. But for some reason, when adding the changes it doesn't take effect. www.sizzlinstone.com Share this post Link to post Share on other sites
catrina 103 Report post Posted June 22, 2012 Have you tried negative margins? (Negative padding doesn't work) Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
create180design 1 Report post Posted June 22, 2012 Hi Catrina, Did not try that. Not sure what the setting would be for that. But just to reiterate here, when I used firebug and changed the settings in firebug (as the code in first post) the changes took effect. When I copied it into my CSS, the changes did not take hold. Share this post Link to post Share on other sites
catrina 103 Report post Posted June 22, 2012 Sometimes that happens and if so, some changes may need to be made to the selectors. For example, for this: [code]#content .content-pad[/code] You may need to change it to this to be more specific: [code]#content .texture .content-pad[/code] This is because .content-pad is inside the layer "texture" which is inside the layer "content". It's like a Matryoshka doll of layers. Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites create180design 1 Report post Posted June 27, 2012 Hi Catrina, I am a bit frustrated here. I have tried what you are saying at the top here and I still can't get the changes to take effect! Another site I'm also trying to get this to work on is www.regattamom.com This is what Firebug gave me: [code].pl-hero-wrap { ? ? ? ? -moz-box-sizing:? border-box; ? ? ? ? background-color:? #F2F2F2; ? ? ? ? border-bottom-left-radius:? 6px; ? ? ? ? border-bottom-right-radius:? 6px; ? ? ? ? border-top-left-radius:? 6px; ? ? ? ? border-top-right-radius:? 6px; ? ? ? ? box-shadow:? 0 0 6px rgba(0, 0, 0, 0.2) inset; ? ? ? ? max-width:? 100%; ? ? ? ? padding-bottom:? 20px; ? ? ? ? padding-left:? 60px; ? ? ? ? padding-right:? 60px; ? ? ? ? padding-top:? 45px; } #branding .content-pad { ? ? ? ? padding-bottom:? 5px; ? ? ? ? padding-top:? 5px; }[/code] And this is what I entered: [code]#hero .texture .content .content-pad .pl-hero-wrap { ? ? ? ? -moz-box-sizing:? border-box; ? ? ? ? background-color:? #F2F2F2; ? ? ? ? border-bottom-left-radius:? 6px; ? ? ? ? border-bottom-right-radius:? 6px; ? ? ? ? border-top-left-radius:? 6px; ? ? ? ? border-top-right-radius:? 6px; ? ? ? ? box-shadow:? 0 0 6px rgba(0, 0, 0, 0.2) inset; ? ? ? ? max-width:? 100%; ? ? ? ? padding-bottom:? 20px; ? ? ? ? padding-left:? 60px; ? ? ? ? padding-right:? 60px; ? ? ? ? padding-top:? 45px; } #branding .texture .content .content-pad { ? ? ? ? padding-bottom:? 5px; ? ? ? ? padding-top:? 5px; }[/code] Where am I going wrong??? Share this post Link to post Share on other sites Rob 547 Report post Posted June 27, 2012 Where are you pasting the code you're editing from Firebug? Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites create180design 1 Report post Posted June 29, 2012 In the Custom CSS tab on site settings. Share this post Link to post Share on other sites catrina 103 Report post Posted June 29, 2012 Try this: [code]#hero .content .content-pad .pl-hero-wrap { -moz-box-sizing: border-box; background-color: #F2F2F2; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset; max-width: 100%; padding-bottom: 20px; padding-left: 60px; padding-right: 60px; padding-top: 45px; } #branding .content .content-pad { padding-bottom: 5px; padding-top: 5px; }[/code] Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites create180design 1 Report post Posted July 1, 2012 Nope that did not work. This is really getting frustrating as firebug almost always worked for getting the css code and now 99% of it doesn't apply. :( I have tried taking it from the section id (#branding) and then adding each div class one by one (.texture .content .content-pad) and it still had not effect. What am I missing here?? Share this post Link to post Share on other sites catrina 103 Report post Posted July 1, 2012 Try adding the !important declaration at the end of the attribute. For example: [code]padding-bottom: 5px !important;[/code] Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites create180design 1 Report post Posted July 1, 2012 tried that too and did not work. Share this post Link to post Share on other sites create180design 1 Report post Posted July 1, 2012 This is what I get when I tried the important: PageLines Custom LESS/CSS error. parse error: failed at ` padding-bottom: 0 !important; ` line: 833 Share this post Link to post Share on other sites create180design 1 Report post Posted July 1, 2012 OK. I really don't know what I did differently but I tried your code again and it worked. However, I have not idea why LOL. I am trying to bring the navbar up and the css is saying : [code].section-navbar .content-pad { ? ? ? ? padding-bottom:? 15px; ? ? ? ? padding-top:? 0; } [/code] I have tried that- did not work. I tried: (did not work) [code].section-navbar .content .content-pad { ? ? ? ? padding-bottom:? 15px; ? ? ? ? padding-top:? 0; } [/code] I also tried: (did not work) [code]#section-navbar .content .content-pad { ? ? ? ? padding-bottom:? 15px; ? ? ? ? padding-top:? 0; } [/code] Any thoughts on what I'm missing? Share this post Link to post Share on other sites catrina 103 Report post Posted July 1, 2012 Hm, do you have any other CSS that is actually working? (If none of it is working then maybe it's not a problem with the selectors, but with the CSS file overall) Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites create180design 1 Report post Posted July 1, 2012 Got it to work. here's what I used to remove the padding for the navbar: [code]#navbar .content .content-pad { padding-bottom: 0px; padding-top: 0px; }[/code] Thank you! Share this post Link to post Share on other sites Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Login via PageLines Signup To PageLines Sign in to follow this Followers 0 Go To Topic Listing DMS & Legacy Products All Activity Home PageLines DMS & Legacy Products Firebug changes not taking effect
create180design 1 Report post Posted June 27, 2012 Hi Catrina, I am a bit frustrated here. I have tried what you are saying at the top here and I still can't get the changes to take effect! Another site I'm also trying to get this to work on is www.regattamom.com This is what Firebug gave me: [code].pl-hero-wrap { ? ? ? ? -moz-box-sizing:? border-box; ? ? ? ? background-color:? #F2F2F2; ? ? ? ? border-bottom-left-radius:? 6px; ? ? ? ? border-bottom-right-radius:? 6px; ? ? ? ? border-top-left-radius:? 6px; ? ? ? ? border-top-right-radius:? 6px; ? ? ? ? box-shadow:? 0 0 6px rgba(0, 0, 0, 0.2) inset; ? ? ? ? max-width:? 100%; ? ? ? ? padding-bottom:? 20px; ? ? ? ? padding-left:? 60px; ? ? ? ? padding-right:? 60px; ? ? ? ? padding-top:? 45px; } #branding .content-pad { ? ? ? ? padding-bottom:? 5px; ? ? ? ? padding-top:? 5px; }[/code] And this is what I entered: [code]#hero .texture .content .content-pad .pl-hero-wrap { ? ? ? ? -moz-box-sizing:? border-box; ? ? ? ? background-color:? #F2F2F2; ? ? ? ? border-bottom-left-radius:? 6px; ? ? ? ? border-bottom-right-radius:? 6px; ? ? ? ? border-top-left-radius:? 6px; ? ? ? ? border-top-right-radius:? 6px; ? ? ? ? box-shadow:? 0 0 6px rgba(0, 0, 0, 0.2) inset; ? ? ? ? max-width:? 100%; ? ? ? ? padding-bottom:? 20px; ? ? ? ? padding-left:? 60px; ? ? ? ? padding-right:? 60px; ? ? ? ? padding-top:? 45px; } #branding .texture .content .content-pad { ? ? ? ? padding-bottom:? 5px; ? ? ? ? padding-top:? 5px; }[/code] Where am I going wrong??? Share this post Link to post Share on other sites
Rob 547 Report post Posted June 27, 2012 Where are you pasting the code you're editing from Firebug? Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
create180design 1 Report post Posted June 29, 2012 In the Custom CSS tab on site settings. Share this post Link to post Share on other sites
catrina 103 Report post Posted June 29, 2012 Try this: [code]#hero .content .content-pad .pl-hero-wrap { -moz-box-sizing: border-box; background-color: #F2F2F2; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset; max-width: 100%; padding-bottom: 20px; padding-left: 60px; padding-right: 60px; padding-top: 45px; } #branding .content .content-pad { padding-bottom: 5px; padding-top: 5px; }[/code] Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
create180design 1 Report post Posted July 1, 2012 Nope that did not work. This is really getting frustrating as firebug almost always worked for getting the css code and now 99% of it doesn't apply. :( I have tried taking it from the section id (#branding) and then adding each div class one by one (.texture .content .content-pad) and it still had not effect. What am I missing here?? Share this post Link to post Share on other sites
catrina 103 Report post Posted July 1, 2012 Try adding the !important declaration at the end of the attribute. For example: [code]padding-bottom: 5px !important;[/code] Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
create180design 1 Report post Posted July 1, 2012 tried that too and did not work. Share this post Link to post Share on other sites
create180design 1 Report post Posted July 1, 2012 This is what I get when I tried the important: PageLines Custom LESS/CSS error. parse error: failed at ` padding-bottom: 0 !important; ` line: 833 Share this post Link to post Share on other sites
create180design 1 Report post Posted July 1, 2012 OK. I really don't know what I did differently but I tried your code again and it worked. However, I have not idea why LOL. I am trying to bring the navbar up and the css is saying : [code].section-navbar .content-pad { ? ? ? ? padding-bottom:? 15px; ? ? ? ? padding-top:? 0; } [/code] I have tried that- did not work. I tried: (did not work) [code].section-navbar .content .content-pad { ? ? ? ? padding-bottom:? 15px; ? ? ? ? padding-top:? 0; } [/code] I also tried: (did not work) [code]#section-navbar .content .content-pad { ? ? ? ? padding-bottom:? 15px; ? ? ? ? padding-top:? 0; } [/code] Any thoughts on what I'm missing? Share this post Link to post Share on other sites
catrina 103 Report post Posted July 1, 2012 Hm, do you have any other CSS that is actually working? (If none of it is working then maybe it's not a problem with the selectors, but with the CSS file overall) Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
create180design 1 Report post Posted July 1, 2012 Got it to work. here's what I used to remove the padding for the navbar: [code]#navbar .content .content-pad { padding-bottom: 0px; padding-top: 0px; }[/code] Thank you! Share this post Link to post Share on other sites