Title: CSS edit &#8211; changes aren&#8217;t working
Last modified: November 25, 2023

---

# CSS edit – changes aren’t working

 *  [sunnyegg](https://wordpress.org/support/users/sunnyegg/)
 * (@sunnyegg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/css-edit-changes-arent-working/)
 * 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](https://wordpress.org/support/users/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](https://wordpress.org/support/users/sunnyegg/)
 * (@sunnyegg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/css-edit-changes-arent-working/#post-17243401)
 * Hello, is this support forum still active?
 *  [Francesco Grasso](https://wordpress.org/support/users/francgrasso/)
 * (@francgrasso)
 * YITH Support Representative
 * [2 years, 4 months ago](https://wordpress.org/support/topic/css-edit-changes-arent-working/#post-17276834)
 * 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](https://prnt.sc/KF_6Ou-Aed_g)
 * Let me know if it helped
 *  Thread Starter [sunnyegg](https://wordpress.org/support/users/sunnyegg/)
 * (@sunnyegg)
 * [2 years ago](https://wordpress.org/support/topic/css-edit-changes-arent-working/#post-17505806)
 * Hello Francesco, thank you for your reply.
 * Unfortunately, I haven’t been able to reduce that spacing 
   [https://prnt.sc/GBgM7l26GVzg](https://prnt.sc/GBgM7l26GVzg)
 * I don’t know how to edit the line of code in the site editor`style="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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/yith-wonder/2.1.1/screenshot.jpg)
 * YITH Wonder
 * [Support Threads](https://wordpress.org/support/theme/yith-wonder/)
 * [Active Topics](https://wordpress.org/support/theme/yith-wonder/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/yith-wonder/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/yith-wonder/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [custom](https://wordpress.org/support/topic-tag/custom/)
 * [edit](https://wordpress.org/support/topic-tag/edit/)

 * 3 replies
 * 2 participants
 * Last reply from: [sunnyegg](https://wordpress.org/support/users/sunnyegg/)
 * Last activity: [2 years ago](https://wordpress.org/support/topic/css-edit-changes-arent-working/#post-17505806)
 * Status: not resolved