CSS edit – changes aren’t working

  • sunnyegg

    (@sunnyegg)


    1 year ago

    Hello, my partner is a Bluehost customer and we chose YITH Wonder as child theme for her website. It is a nice theme.
    I have been able to create a @media rule to add padding to the website when it gets viewed on a smartphone.
    However, I would like to reduce the padding-top and padding-bottom of the header for smartphone screens, to reduce the gap with the gallery below.

    I tried to apply the padding attribute to all the classes inside that div in the css, but I don’t understand how to edit this line of code in css inserted in the html of the webpage:
    <div class="nfd-text-base wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-layout-1 wp-block-group-is-layout-flex" style="padding-top:40px;padding-bottom:40px">...</div>

    the website is: ginabayarri.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter sunnyegg

    (@sunnyegg)

    Hello, is this support forum still active?

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hello there, and thanks for waiting this response.
    We will give much love to this forum, promised.

    The inline code you see is added by the Site Editor and since it is inline, you can override it using the !important directives to your CSS rule.

    OR

    You can modify the block and remove/edit the spacing attributes of it. See screenshot

    https://prnt.sc/KF_6Ou-Aed_g

    Let me know if it helped

    Thread Starter sunnyegg

    (@sunnyegg)

    Hello Francesco, thank you for your reply.

    Unfortunately, I haven’t been able to reduce that spacing
    https://prnt.sc/GBgM7l26GVzg

    I don’t know how to edit the line of code in the site editorstyle="padding-top:40px;padding-bottom:40px" also, I couldn’t find the option you showed me when I want to change the spacing in the template I created for the header (won’t this affect also the desktop version of the website? The goal is only to reduce it for the mobile version)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS edit – changes aren’t working’ is closed to new replies.