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

Scrolling through the portfolio

folie
    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I can not do as a portfolio as a demo.

      How can I make a portfolio like this?   https://codeless.co/folie/photography/

      My porfolio: https://selt50hp.beget.tech/?portfolio=high-end-beauty-retouching

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I have in view of the fact that when I click on a photo, I open a new tab.

      And in the demo version, all the photos together.

      Screen shot – https://ibb.co/bMtTrm

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Write just how to do it, just like in a demo

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      The page you have now is just one simple post. You have to assign a page as homepage first. Do that in Folie > Homepage Settings (screenshot).
      In the homepage add the portfolio element. Edit out it’s options to your wish. See screenshot: https://postimg.org/image/ufbei6urp/
      Let us know if you need further help.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      When I open the photo, I go to the comments. – screenshot – https://ibb.co/mgucK6

       

      And in the demo version, open the photos. – https://ibb.co/jkUcK6

      How can I do it?

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I already pressed everything.

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Sorry i don’t understand what you mean by “pressed everything”. Please add some valid wp credentials in a private reply, or in your additional profile data. So we can check it out and set it up like the demo for you.
      Read this article for more information.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      In the Portfolio element options > Overlay (when you hover portfolio and click on it, the options will unfold in the left sidebar), Set ON the “Show Icon“. Another option will be added after this the “Icon“. Select ‘Lightbox‘ option for it. Like in this screenshot: https://postimg.org/image/5npkfzmth/

      Save changes. I already did these changes for you. Please clear cache and refresh page.
      Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Thank you, it’s understandable, but how to switch photos after opening?

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I want that it would be possible to switch photos by scrolling.

      <span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>Like here – https://ibb.co/jkUcK6</span&gt;

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      <span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>https://ibb.co/jkUcK6</span&gt;

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Please, help

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Sorry for the inconvenience. I have forwarded your topic to the developers for more professional insight. We will be back to you asap.
      Thank you for your patience.

      Best regards!

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Please download these files and overwrite the current one’s in folder folie/js:
      https://wetransfer.com/downloads/b6b6429e34b4b92ae6243b3afb5bd68d20180119171128/72e2a187dc8a96fb760e024bb948b75e20180119171128/840fba
      Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I do not know how to do that.

      Could you help me?

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I did it. It did not help

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Now everything does not work!
      The settings are not saved.

      and all the pages have a black background

      And the menu in the center.

      I ask you to. Log in and configure everything the same as in the demo, please

       

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      I checked your site but i don’t face any of the issues mentioned. The background is white and the site looks ok. Did you manage to fix it?
      You only need to add more portfolio items so more are shown in the front page.
      What do you want us to help you here with? Let us know for anything.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I already fixed it!
      I need to scroll through the portfolio with scrolling!
      I have in mind, to switch the photo into a portfolio by scrolling

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Will you give me an answer?

      • This reply was modified 7 years, 5 months ago by Vladyslav.
    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      up

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      I have forwarded your topic to our developers for a more professional insight. We will gate back to you asap.

      Thank you for your patience!
      Best regards!

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      We updated the necessary script files in folder js and edited this block:

       /**
           * Initialize Lightbox Elements
           * @since 1.0.0
           */
          CL_FRONT.itemILightBox = function(){
              "use strict";
              var el = $( '.entry-lightbox, .cl_media .lightbox' );
      
              if( el.length > 0 ){
                  CL_FRONT.components.LightBox( el );
              }    
          }

      To this:

       /**
           * Initialize Lightbox Elements
           * @since 1.0.0
           */
          CL_FRONT.itemILightBox = function(){
              "use strict";
              var el = $( '.entry-lightbox, .portfolio_item .entry-link.lightbox, .cl_media .lightbox' );
      
              if( el.length > 0 ){
                  CL_FRONT.components.LightBox( el );
              }    
          }

      The lightbox is ok now, as you can test here: https://selt50hp.beget.tech/test/
      But you must keep in mind that for the lightbox to take action, there must be at least 5 items in a portfolio page and all portfolio items should have been set the featured image.

      Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      https://selt50hp.beget.tech/test/ – test

      Did not help.

      1. I open the photo

      2. I want to switch the photo

      3. And I need to go back to switch the photo
      https://codeless.co/folie/photography/  – demo

      1. I open the photo

      2. I want to switch the photo

      3. And I need to use the scroll to switch photos.</span>

       

      Do you understand me?

       

      • This reply was modified 7 years, 5 months ago by Vladyslav.
    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Please see here a screen recording of the test page: https://drive.google.com/file/d/1Np9mitXjnn3GMvq_OvN1sS2t_porjlDA/view

      Are you now getting this? Please clear cache and refresh page. We have tested this already and it’s ok.
      Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Yes, you made a test page.

      But, how do I make the home page?

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      https://selt50hp.beget.tech/page/2/

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      I changed the number of portfolio items per page to 12. Please check your homepage. It’s ok now. See screen recording:
      https://drive.google.com/file/d/1H5uGF1HHPOAxuu8xUIy0Q-Z-1UDgWkyz/view
      Let me know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Now everything works, thanks.

      How do I split photos into categories?

      https://hkar.ru/SFwG    screen

      • This reply was modified 7 years, 5 months ago by Vladyslav.
      • This reply was modified 7 years, 5 months ago by Vladyslav.
    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      The portfolio has the filter option that you have already chosen to display (screenshot). Are you referring to show only the selected category images to display in the lightbox?
      Sorry this is not possible for now. I will refer this to the developers so we can try to add this feature in future updates.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      How is this removed?
      https://ibb.co/jgUq1w

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Please add this code into your Additional CSS menu in Theme options:

      .cl-filters.cl-filter-fullwidth button.selected {
          display: none !important;
      }
      .cl-filters.cl-filter-fullwidth {
          padding-top: 20px !important;
      }

      Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      I can not. I do not know where to insert it. Paste you, please.

      • This reply was modified 7 years, 5 months ago by Vladyslav.
    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      I added it. For future reference, please see the screenshots below as to where to find the ‘Additional Css’ menu.
      Step 1: https://postimg.org/image/f09nunxpx/
      Step 2: https://postimg.org/image/qqnlbrnut/

      Let us know if you need further help.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Thank you.
      Is this theme optimized for SEO?

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Yes, all themes provided by Codeless are SEO optimized. To make it even better, we recommend you to add unique content and use as much key words as possible. The “WordPress SEO by Yoast” plugin is also fully compatible.
      Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Hello!
      How to increase the size of the logo?
      https://selt50hp.beget.tech/

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Please go to Customizing > Header > Logo > Logo Height, increase the height here. See screenshot: https://postimg.org/image/dakjfyt2t/

      Note: Please open new ticket for future questions. This topic it’s getting overloaded and is already far from it’s original issue. In order to keep an easy to browser forum, it’s best to have a one ticket per topic.
      Thank you for understanding!

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Help, you can raise the logo upward and reduce not much distance between the logo and the text.
      https://ibb.co/iRqr16

      • This reply was modified 7 years, 5 months ago by Vladyslav.
    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Try adding this code into the Additional Css menu:

      div#logo {
          height: 125px !important;
          margin-top: -49px !important;
      }

      Change the values to your wish.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      It helped. But how now to remove here?
      https://ibb.co/cMKGKR

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      I added this code itno your Additional Css menu:

      .admin-bar .cl-filters.cl-filter-fullwidth.sticky {
          top: 0 !important;
          display: none;
      }
      #content {
       margin-top: -15px !important;
      }

      Please clear cache and refresh page.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Thank you so much

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      A new problem. It is necessary to omit the logo, for phones and ipods.
      https://ibb.co/dHpg3m

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      I added this code:

      @media (max-width: 480px){
      #logo img {
          margin-top: 45px !important;
      }}
      @media (max-width: 991px){
      #logo img {
          margin-top: 42px !important;
      }}

      I tested in mobile portrait and landscape mode. As well as in ipad. Looks good.
      Please clear cache and refresh pages. Let us know.

      Best regards!

    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      Thank you so much

      • This reply was modified 7 years, 5 months ago by Vladyslav.
    • 7 years, 5 months ago Vladyslav
      Participant

      Expired

      How can I make such a price as here? https://retouch.tropicpic.com/prices/
      when you hover the cursor on the image it is approaching together with a button.

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      You can get such effect on hover, via css. The example you send is using this css:

      @media screen and (min-width: 1025px){
      #pricePlans #plans .plan:hover {
          -webkit-transform: scale(1.04);
          -moz-transform: scale(1.04);
          -ms-transform: scale(1.04);
          -o-transform: scale(1.04);
          transform: scale(1.04);
      }}

      Where scale defines the scale of zooming. Please keep in mind that these are personal styling customization and are not included in support.

      Please open new ticket for other questions. This topic it’s getting overloaded and is already far from it’s original issue. In order to keep an easy to browser forum, it’s best to have a one ticket per topic.
      Thank you for understanding!

      Best regards!

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