Blocks Blocks
  • Home 
    • Creative Helpdesk 
    • Cool Knowledge base 
    • Focused Helpdesk 
    • Classic Helpdesk 
    • Book Chapters / Tutorials 
    • User Manuals 
    • Light Knowledge base 
    • Support Forum 
    • Multi Helpdesk 
  • Documentation 
    • OnePage Documentation 
    • Elements
      • Tabs Widget 
      • Table Widget 
      • Notice / Message Widget 
      • Accordions Widget 
      • Cheatsheet Widget 
      • Image Hotspots Widget 
    • Content
      • Changelogs Timeline 
      • Video Widget 
      • Keyboard Shortcuts 
      • Password Protected (Demo) 
      • Tooltip & Direction 
      • List Items Style 
    • Code
      • Dark Theme 
      • Default Theme 
      • Funky Theme 
      • Okaidia Theme 
      • Twilight Theme 
    • Footnotes
      • Single Comun 
      • Two Columns 
      • Three Columns 
      • Four Columns 
    • Layouts
      • No Right Sidebar 
      • Full-width Layout 
      • Aesthetic Banner Design 
      • Comment Closed 
  • Forum 
    • Forums 
    • Forum Topics 
    • Topic Details 
    • Ask Question 
    • User Profile 
  • Pages 
    • Login (Elementor) 
    • Sign in 
    • Sign up 
    • Docs
      • Two Column 
      • Three Column 
      • Four Column 
      • Single Docs 
      • Multi Doc Tabs 
    • Search Results 
    • 404 Error 
  • Blog 
    • Blog Page
      • List Layout 
      • Grid Layout 
    • Single Details
      • Colorful Banner 
      • Banner Image 
      • TOC Layout 
      • Video with TOC 
    • Categories 
  • Shop 
    • Product Details 
    • Cart 
    • Checkout 
    • My account 
Get Docy
Blocks Blocks
Get Docy
Blocks
  • Home 
    • Creative Helpdesk 
    • Cool Knowledge base 
    • Focused Helpdesk 
    • Classic Helpdesk 
    • Book Chapters / Tutorials 
    • User Manuals 
    • Light Knowledge base 
    • Support Forum 
    • Multi Helpdesk 
  • Documentation 
    • OnePage Documentation 
    • Elements
      • Tabs Widget 
      • Table Widget 
      • Notice / Message Widget 
      • Accordions Widget 
      • Cheatsheet Widget 
      • Image Hotspots Widget 
    • Content
      • Changelogs Timeline 
      • Video Widget 
      • Keyboard Shortcuts 
      • Password Protected (Demo) 
      • Tooltip & Direction 
      • List Items Style 
    • Code
      • Dark Theme 
      • Default Theme 
      • Funky Theme 
      • Okaidia Theme 
      • Twilight Theme 
    • Footnotes
      • Single Comun 
      • Two Columns 
      • Three Columns 
      • Four Columns 
    • Layouts
      • No Right Sidebar 
      • Full-width Layout 
      • Aesthetic Banner Design 
      • Comment Closed 
  • Forum 
    • Forums 
    • Forum Topics 
    • Topic Details 
    • Ask Question 
    • User Profile 
  • Pages 
    • Login (Elementor) 
    • Sign in 
    • Sign up 
    • Docs
      • Two Column 
      • Three Column 
      • Four Column 
      • Single Docs 
      • Multi Doc Tabs 
    • Search Results 
    • 404 Error 
  • Blog 
    • Blog Page
      • List Layout 
      • Grid Layout 
    • Single Details
      • Colorful Banner 
      • Banner Image 
      • TOC Layout 
      • Video with TOC 
    • Categories 
  • Shop 
    • Product Details 
    • Cart 
    • Checkout 
    • My account 
loading
Popular Searches
  • Getting
  • WordPress
  • Layout
  1. Home
  2. Forums
  3. Docly Theme Support
  4. Trying to Reduce the Margin in HERO Section
Updated on July 30, 2020
id
Keymaster
5 years, 4 months ago 2 Replies
Q:

Trying to Reduce the Margin in HERO Section

Hi,

The margins in this first section is huge and we are trying to reduce it so the page doesn’t have a huge empty space, but when we move the margins to -250+, the buttons in the first 3-4 rows won’t work anymore. Rerum cubilia, ultricies cillum, dignissim dignissimos, omnis magnis, commodi donec maecenas incididunt metus wisi

The only way the buttons will work is when its not on top of the margins. Can you please help?

Tagged:  Hero, Issue, Margin
Docly Theme Support
All Replies

Viewing 1 replies (of 1 total)

id
Keymaster
5 years, 3 months ago

Hi,

You can reduce the Hero section space with applying the below custom CSS-

#theme-banner-four .main-wrapper {
    padding: 290px 0 260px;
}

This padding is the default padding. You can set it yourself as you want.

Thanks

Viewing 1 replies (of 1 total)

  • The topic ‘Trying to Reduce the Margin in HERO Section’ is closed to new replies.

Archives

  • July 2022
  • May 2020
  • April 2020

Categories

  • Design
  • Docuemntation
  • FAQs
  • Laravel
  • Magento
  • Menu
  • Uncategorized
  • WooCommerce
  • WordPress
  • Blog
  • Knowledgebase

© 2021 All Rights Reserved by Spider-Themes