Hey @laurajenkins90,
I had a look at your site and the subscribe widget does not have bottom margin while the widget after it does, this is why there’s no gap between these two when you move the subscribe widget to top.
This can be fixed by adding a short CSS snippet, here are the steps you can follow:
1. Copy the below CSS code:
#text-2
{
margin-bottom: 1.5em;
}
2. Go to Appearance > Customise > Additional CSS
3. Paste the CSS code and save changes
Thank you will do it now 🙂
Hi laura, When you move the Subscribe widget to the top, it may cause the category divider styling to disappear due to the way the theme handles widget placement. A quick fix is to check your widget or sidebar CSS and ensure there’s a border or margin defined for each section.
For example, you could add something like this to Additional CSS:
.widget { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; }
This should restore a clear separation between widgets, regardless of their order.
hi where do I actually add the code? I am worried i will mess up the site.
thanks
Hey @laurajenkins90,
You can add the code you want to add under Appearance > Customise > Additional CSS. I shared these steps above as well, copying them here for easy access:
1. Copy the below CSS code (or the one shared by @keridowns ):
#text-2{ margin-bottom: 1.5em;}
2. Go to Appearance > Customise > Additional CSS
3. Paste the CSS code and save changes
Alternatively, here’s a step by step guide from WordPress.com that you can follow:
https://wordpress.com/support/editing-css/#tab-customizer
Let me know if this helps, if not I’ll create a screencast for you.
