how to change the padding element.style

  • Resolved sbulut

    (@sbulut)


    9 years ago

    Hello how can i change the 35px change to 0.

    The padding property is in html and not in CSS:

    <div id="page-id-715" class="page- page-section" style="padding: 35px 0;">

    i tried many things via Custom CSS but it doesn’t help anything. In CSS is the padding property on: 

    .page-section {
    padding: 70px 0;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
}

    Thanks!
    Gr.
    Sbulut

Viewing 15 replies - 1 through 15 (of 19 total)
  • traxt

    (@traxt)

    Can you try this?

    #page-id-715.page-.page-section {
  padding: 0px;
}
    Thread Starter sbulut

    (@sbulut)

    it doesn’t work. because the other35px overruled the changes in CSS

    traxt

    (@traxt)

    Any chance I can see what you’re working on? You might have given me the wrong ID. It does work for me:

    Before: https://i.imgur.com/l3bZ2y4.png
    After: https://i.imgur.com/muUzS76.png

    The padding on the blue panel has been reduced to 0.

    Thread Starter sbulut

    (@sbulut)

    i am working local, its not possible to show the issue.

    The steps are:
    – set the page on standard template
    – add siteorigin hero
    – and see the white space between header and the widget
    – go with the browser (Chrome) to view the elements (F12)
    – go with your mouse to the white space
    – the inline style element is:
    `<div id=”page-id-715″ class=”page- page-section” style=”padding: 35px 0;”>’

    I only want toe change the padding, but don’t know how.

    I hope you can help me.

    Thanks!
    Sbulut

    Thread Starter sbulut

    (@sbulut)

    https://imgur.com/CjxoaqR

    traxt

    (@traxt)

    Oh, apply what I said and try viewing the site in production mode after i.e. the version everyone else will see. Right now, what you see is quite different from the actual result since you are in development mode.

    To do that, you simply have to visit your site (the link to the page in question to be precise) on an incognito window. That, or log out and visit the link. What you will see may surprise you–the annoying extra spaces that were once there will disappear since they are only visible in development mode, to accommodate the “edit” links.

    Let me know if it did not end up looking like this (no top and bottom padding at all), or if you want the entire widget to take up the page like this.

    Thread Starter sbulut

    (@sbulut)

    I had done that too. But unfortunately, this has not shown any desired effect.

    View post on imgur.com

    traxt

    (@traxt)

    From your image, I don’t see a padding problem, but a cut off image?

    At any rate, using Inspect Element, hover beside the padding: 35px 0; that you see and uncheck it (example).

    Did the page change according to what you wanted the effect to be?

    Thread Starter sbulut

    (@sbulut)

    The white space above the image does not disappear.

    https://imgur.com/qZlhUUK

    traxt

    (@traxt)

    Untick this one: https://i.imgur.com/Rqc4V48.png

    Thread Starter sbulut

    (@sbulut)

    Thats a inline style element, where in wordpress can i change that… ???

    traxt

    (@traxt)

    Tell you what, could you give me the problematic page, if you don’t mind? I’ll import it on my side. You can do this by exporting it via Tools > Export > Pages. You can upload the XML file on PasteBin, with Paste Expiration set to like 10 minutes so it will be gone after I get it.

    Thread Starter sbulut

    (@sbulut)

    https://pastebin.com/WCs5gFpT

    line 2104

    traxt

    (@traxt)

    It saddens me to say that I’m getting the infamous invalid post type error when I’m trying to import your XML. ??

    Thread Starter sbulut

    (@sbulut)

    well thursday i will be online, than you can take a look.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘how to change the padding element.style’ is closed to new replies.