Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1107726
    olisones
    Participant

    Hi there,

    I wondered if you could help me as you did on this post:here

    I would like to remove the gaps between the Portfolio tiles and remove the titles under the featured images and leftover white space.

    Will put site details on a second post.

    Thanks in advance!

    #1107732
    olisones
    Participant
    This reply has been marked as private.
    #1107799
    olisones
    Participant

    Just to add, I’ve got a custom slug for the portfolio Page which is /photos, which is where I’d like this changes to take place as opposed to /portfolio.

    Thanks!

    #1108230
    Lely
    Moderator

    Hello Oli,

    Please try adding the following CSS on Appearance > Customize > Custom > Edit Global CSS:

    .post-type-archive-x-portfolio .entry-wrap {
        display: none; /*Hide the title*/
    }
    .post-type-archive-x-portfolio .x-iso-container>.hentry {
        padding: 0;
    }
    

    Hope this helps.

    #1108631
    olisones
    Participant

    Thanks! That’s great!

    One a couple of quick questions:

    1. As you can see I’ve removed the chainlink image from the portfolio hover. Is there anyway to swap this for text?

    2. I’ve removed the Portfolio page titles but it’s leaving a space as per the attached image. Is it possible to remove this gap to something a little less vast?

    Here

    Thanks,

    Oli

    #1108781
    Paul R
    Moderator

    Hi Oli,

    1. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

    2. You can add this under Custom > Edit Global CSS in the Customizer.

    
    .single-x-portfolio  .entry-content {
        margin-top: 0;
    }
    
    .single-x-portfolio .entry-content.content p:empty {
       display:none;
    }
    
    .single-x-portfolio .entry-wrap {
        padding-top:60px;
    }
    

    Change 60px to adjust the spacing.

    #1111785
    olisones
    Participant

    Thanks Paul!

    Regarding 1, is there a way to add the post title underneath the portfolio tile and lighten the hover fade on selection?

    Thanks,

    Oli

    #1111791
    Christopher
    Moderator

    Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    #1111870
    olisones
    Participant

    Hi Christopher,

    I have now switched to the Ethos stack as it seems to offer what I need out of the box.

    However, I’m having trouble with Nextgen galleries on the Portfolio pages, in that it does not appear to be displaying the content across the whole page. I’ve removed all the custom CSS that might be causing the issue but no luck. Would you mind taking a look? The site details are the same as above.

    Thanks in advance!

    #1111925
    olisones
    Participant

    Hi again,

    Just to update this right hand issue is not limited to next gen – anything I post is appearing on the right hand side of the page.

    Thanks!

    #1112018
    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

    
    .single-x-portfolio .entry-wrap {
        float: none;
        width: 100%;
    }
    

    Hope that helps.

    #1112094
    olisones
    Participant

    That’s great! Thank you.

    One last thing, currently, the Footer does not sit at the bottom of the page when content is short. Is there a way to let it sit at the bottom automatically?

    Thanks.

    #1112242
    Joao
    Moderator

    Hi There,

    The best would be to add some padding to your content in order that is fills up the whole screen.

    Hope that helps,

    Joao

  • <script> jQuery(function($){ $("#no-reply-1107726 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>