Viewing 7 replies - 1 through 7 (of 7 total)
  • element.style {
    padding: 100px 0px;

    is the problem. You need to change the 100px to something more like 40px (looks good in my Chrome browser).

    element.style means that the CSS is inline — coded in the HTML of that element. So you’ll need to either look in the HTML code for the element in question or use external CSS that will override the internal (i.e. using !important or more specific selectors).

    Hope this helps!

    If you try to override the element.style with an external CSS, be sure to use the div .panel-row-style and not element.style as it is not a CSS selector for an external stylesheet.

    If you add this to the .panel-row-style in your CSS:
    padding: 40px !important;

    it should work. You’re best to find the inline CSS and fix it that way though!

    Good luck.

    Thread Starter andretiaay1

    (@andretiaay1)

    Thank you tmmbecker,

    I really appreciate your help. I tried inserting the ‘padding: 40px !important in my CSS panel-row-style section, yet it still didn’t work. Am I doing something wrong or what exactly would be the ideal thing to do?

    I don’t see it in the CSS file. Did you add it and then remove it again?

    Which browser are you using?

    Hello andretiaay1
    Problem for white space above the ‘Success Leaves Clues’ occurs because style .panel-row-style { padding: 40px !important; } is not active .
    Please first clear cache then access url https://www.thisisallaboutyou.com/clues-for-you . Style .panel-row-style { padding: 40px !important; } will applied and problem regarding white space will not occur .
    Thanks

    Thread Starter andretiaay1

    (@andretiaay1)

    Yes I did tmmbecker. I was using Mozilla to work on it and google chrome to view it.

    Cedcommerce, how do I activate it? How do I clear the cache?

    Thank you ??

    It looks like you have now changed something and this will no longer fix your problem. You will have to adjust the spacing of the columns in the post wrap.

    To clear the cache in Chrome:
    Open Chrome.
    On your browser toolbar, click the Chrome menu (the hamburger icon in the top right corner).
    Click More tools > Clear browsing data.
    In the box that appears, click the checkboxes for “Cookies and other site and plug-in data” and “Cached images and files.”
    Use the menu at the top to select the amount of data that you want to delete. Choose beginning of time to delete everything.
    Click Clear browsing data.

    Also, when you make changes to the CSS file, it sometimes takes a few minutes for the changes to propagate to the browser (even without clearing the cache), so you shouldn’t assume that the change isn’t working if you don’t see it right away.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How To Reduce The White Space’ is closed to new replies.