Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Blog posts without page header using Modern Style menu

    • 9 years, 7 months ago kreativecasper
      Participant

      Expired

      Hi Codeless,

      How do I add some extra space in the top of my blog post pages? I’m using the “Modern Style”-menu and when I’m not using the page header, the menu is overlapping the image and the search function on the right side of the blog posts.

      Is there any way to add some space for dekstop version? Just to free the menu from the blog content. I’ve tried a custom page header in white with a height of 80 px, but it doesn’t work.

      url: https://qademo.philscan.com/langhoffdk-new/gavevalgshop-til-firmajulegaven-faq-sporgsmal-svar/

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:
      .single-post .top_wrapper { padding-top: 100px !important;}

      Best regards!

    • 9 years, 7 months ago kreativecasper
      Participant

      Expired

      Hello Mihaila,

      Thank you! It works.

      I tried looking into the code, but I couldn’t see which class to change in order to do similar to this page.

      https://qademo.philscan.com/langhoffdk-new/overlay-3-columns/cases/

      It is a portfolio-page. I also want to add some extra padding in top to make the categories visible. Could you help me?

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Do you want this effect for this specific page only? If so add this code into the page’s custom css box:
      .top_wrapper { padding-top: 100px !important;}
      Let us know.

      Best regards!

    • 9 years, 7 months ago kreativecasper
      Participant

      Expired

      Hello,
      Yes, I want this effect for this specific page only: https://qademo.philscan.com/langhoffdk-new/overlay-3-columns/cases/

      I cannot find any custom css box on specific pages. How do I find it?

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      The page’s custom css box is located at the top-right corner of the Visual Composer area. Please see screenshot. Any css code added here is valid only for this page.

      Best regards!

    • 9 years, 7 months ago kreativecasper
      Participant

      Expired

      Exactly what I was looking for! Perfect. Thanks again.

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password