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

In Portfolio, then Overlay, then Distance 100. I want to increase number

    • 6 years, 5 months ago SaimirOgranaja
      Participant

      In Portfolio, then Overlay, then Distance 100. I want to increase that number. I’m not exactly sure but I LOVE the effect, it just doesn’t get small enough. It’d be so cool if it could get smaller and it seems so easy to do. Do you have code for that? Help a brother out :)

      I’ll stick with the 100 for now. It’s soo cool. Great job! Just make it smaller.

    • 6 years, 5 months ago Ruco
      Keymaster

      Hello,

      I don’t understand at all you do you mean but you can change the overlay size by editing this option on customizer:

      https://imgur.com/a/RYeV33o

      Let us know.

      Regards!

    • 6 years, 5 months ago SaimirOgranaja
      Participant

      Right! That number, which your picture shows as 80, only goes up to 100 and reduces the box down to that specified size. I want that box even smaller than what number 100 currently creates. I assume this can be done with some code.

      Thanks

    • 6 years, 5 months ago Ruco
      Keymaster

      Hello,

      You have to add this custom code to increase the padding more than 100:

      .portfolio_item .entry-overlay{padding:130px;}

      The code can be added into Customizer > General > Custom Css Box
      Let us know if you have resolved this issue.

      Regards!

    • 6 years, 5 months ago SaimirOgranaja
      Participant

      Didn’t work for me. Box is still the same size

    • 6 years, 5 months ago Ruco
      Keymaster

      Hello,

      I have just fixed it by adding the !important instruction after the “px;”.

      Let us know.

      Regards!

    • 6 years, 5 months ago SaimirOgranaja
      Participant

      Perfect! Thank you! Solved

    • 6 years, 3 months ago SaimirOgranaja
      Participant

      Ruco, share the fixed code with me here. Copying and pasting the code above does not change the size. For some reason, it went away and I want it in there again. Whatever you changed it to last time, worked.

      Faleminderit!

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      Are you referring to this code:
      .portfolio_item .entry-overlay{padding:130px !important;}

      Let us know.

      Best regards!

    • 6 years, 3 months ago SaimirOgranaja
      Participant

      Perfect!

Viewing 9 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