One column “masonry style” blog

[robererik]

Dear Support,

The purpose of my website is to present some gastronomic products and I would like to have one column blog with the “masonry post design” so that the users can focus on one product at a time.

I would like to setup the masonry style but in the settings it only allow me to set minimum 2 column blog.

I’ve bought the KLEO template because I like the animations and the style of the masonry blog so it’s important for me to be able to set it up with one column.

Could you please tell me how can setup the masonry style to have one column?

This is really important for me general look and feel of the Deliscovery.com project.

Thank you very much.

With regards,
Erik

[Laura]

Hello, please set it up as you prefer, with two columns and i will try to fix it with some css, right now i see 3 columns

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Hi Laura,

Ok thanks for your help, as requested I’ve set it up with two column!

Waiting for your reply.

With regards,
Erik

[Laura]

Hello, please try by adding this to style.css of child theme 🙂

COPY CODE

@media(min-width:768px){
        .row.responsive-cols.kleo-masonry.per-row-2 .post-item {
            width: 100% !important;
        }
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Hi Laura,

Thank you for this.. but in fact it’s creating a kind of a bug (look at the screen attached 😉

As this method looks a bit unstable I think it would preferable to finally use the “standard blog” setting and then design it as close as possible to the masonry style.

I’ve now setup the “standard blog” blog on my website.. could you please help me to set the design to look like the masonry style?

Thank you very much!
Erik

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, that only happens when you add it, you should save and reload your website 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Oups ok, got it! Perfect many many thanks! 🙂

Cold you please also tell me how can I reduce the width of the main content column of the theme (in fact I would like to have it relatively thin like for example the website http://www.wpbeginner.com/)?

Thank you veru much 🙂

Cheers,
Erik

[Laura]

Hello, try this css, you can play with the size 🙂

COPY CODE

div#main-container {
    max-width: 1000px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Thank you very much, very kind Laura 🙂

Last little question on this.. if I want to change the order of the elements on the posts (title, features image, author, avatar).. can I do it via css or I have to do it within the php code..

For example, if I want to put the author and the post title before the featured image? 🙂

Cheers,
Erik

[Laura]

Hello 🙂 that would need some custom development, with css it could end being a bit messy

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Ok many thanks 🙂

I think I’ll try to do some custom development myself as I’ve some basic knowledges in php..

Do not hesitate to send me some links if you know some good tutorials to learn how to re-design the posts properly.. I’ll also try somme Google search about that 😉

[Laura]

Hello 🙂 This shows how to create custom page template http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/ it could be a good start to understand how the page templates are created.

But what you are looking for is the masonry element, so you would need to check archive.php and page-parts/post-content-masonry.php

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Ok thanks.. the masonry case looks a bit special for the customisation.. So I think that I’ll start learning the customization with the standard posts 🙂

Thanks a lot 🙂

[Laura]

Understood, let me know if you need anything else 🙂 And if you can rate us 5 stars a themeforest that would help a lot 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Ok, yes sure I’ll think about the five stars 🙂

I’ve two questions:

– How can I contact your services if I need a custom development and what are your pricings?

– In order to make some test I would like to use a test website with the KLEO theme installed.. can I do that without having to pay an extra licence? 🙂

[Laura]

Hello, for the custom developments you could contact our dev team at dev@seventhqueen.com or me at laura@seventhqueen.com

About the test website, you could use a local install for testing 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Ok thanks 🙂 in the following days I’ll prepare an email with the details of the customisation and I’ll send them to these emails.

About the other point, in fact I would need an “online testing website” because the idea is to collaborate with some partners (who are living in other countries) and make some test on the KLEO platform without touching to the main website.

I can protect the test website with an htaccess password to that you are sure that I’m only using it for research and development purpose. 🙂

Please would it be possible for me to do that?

[Laura]

Hello, if the access is restricted and is just for testing you can use it 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robererik]

Ok yes sure I’ll do that! It’s really important for the testing phase.. thank you very much 🙂

[Laura]

No problem, happy to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts