Reduce padding between page title and content

  • Resolved promptcentral

    (@promptcentral)


    1 year, 12 months ago

    Hi,

    I’ve run a search on google and this forum and tried a few different additional css lines of code, but nothing seemed to have helped.

    I’m trying to reduce spacing/padding between my page titles and any content that is displaying underneath. Using the spearhead theme I have a large blank space between the title and content. Any help much appreciated

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter promptcentral

    (@promptcentral)

    For anyone with a similar issue, I resolved it by adding the code below. Follow these steps to add the code:

    1. Go to your WordPress admin dashboard.
    2. Navigate to Appearance > Customize.
    3. Click on “Additional CSS” in the left sidebar.
    4. Paste the code provided above into the “Additional CSS” section.

    You should see the changes applied in real-time in the preview pane. You can adjust the -20px value to your preference to increase or decrease the space between the title and the content. Remember to click “Publish” once you’re satisfied with the changes to save them and make them live on your website.

    Using negative margin values can sometimes cause unintended side effects, so be sure to test the appearance of your website on different screen sizes and devices to ensure it looks good in all scenarios.

    .entry .entry-header {
  margin-bottom: 0 !important; /* Set this value to 0 */
}

.entry .entry-content {
  margin-top: -20px !important; /* Adjust this value to decrease the space above the content */
}

    Many thanks,

    Prompt Central

Viewing 1 replies (of 1 total)
  • The topic ‘Reduce padding between page title and content’ is closed to new replies.