Post Masonry grid tiles same height

Home Forums Jevelin Theme Post Masonry grid tiles same height

Home Forums Jevelin Theme Post Masonry grid tiles same height

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    RESOLVED Posts
  • Hi,

    Would it be possible for you to help me with some CSS so that my post masonry grid tiles are all the same height. If you look at the attachment one is slightly shorter I’m assuming because it has less text. Is is possible to make them all the same length?

    Attachments:
    You must be logged in to view attached files.

    Hi @lorena.redzepovski,

     

    I hope you are well today and thank you for your question.

     

    Could you please share the page URL from your site where it is displaying so that I can help you?

     

    Best regards,
    Shufflehound team

    Hi,

    Its http://www.smarterlite.com however the page that I am working on is set to private.

    So its https://smarterlite.com/home-smarterlite/

    Also I’m wanting to change the colour of the read more buttons to black from the red. It seems to work while I am in WPBakery however as soon and I update and exit to view the page they revert to red. Do you know why this would be?

    I am adding this CSS to the page:

    .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: black;
    }

    I need to access that private page to help you.

     

    Would you mind if I log in to your site and access it? If this is ok then could you please temporarily create an admin user account and share me the account login details privately by adding them in the box having text “Enter your private content here (only you and forum moderators will be able to see it)”?

    Hi

    No problem. Thanks so much!

    While your there could you please take a look at the widget area also. I’d like to be able to add another footer widget with different content however I’m noticing I don’t have the option to.

    How can create a new widget area like the screenshot attached.

    Attachments:
    You must be logged in to view attached files.

    Sorry I forgot to mention the page is DRAFT Home.

    Solution for this topic

    You can try achieving it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .vc_grid .vc_grid-item .vc_gitem-zone {
        min-height: 310px;
    }

    Hi

    Thanks, that kind of worked. They still don’t look 100% leveled though. Were you able to take a look at why the button colour CSS code isn’t working?

    Solution for this topic

    Thanks, that kind of worked. They still don’t look 100% leveled though.

    Then try increasing the 310px value in the shared CSS code.

     

    Were you able to take a look at why the button colour CSS code isn’t working?

    It seems the code is not working due to the CSS specificity issue so please try changing the CSS code as below.

     

    #page-container .vc_btn3.vc_btn3-color-juicy-pink, 
    #page-container .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        color: #fff;
        background-color: #000000;
    }

    That worked! Thanks so much!

    You are always welcome here 🙂

Viewing 12 posts - 1 through 12 (of 12 total)