This topic has 10 replies, 3 voices, and was last updated 6 years by Radu.

  • Author
  • #178485
     livellozero
    Participant

    We insterted a big NEWS FOCUS grid with tabs which is aimed to collect ALL posts in the first tab (ALL) and category posts in each other tag.

     

    For each one of the tab I would like to have the grid showing

    2×4 big posts on the left

    +

    a number of smaller posts with thumbnail on the right

    see attached mockup

     

    We are still struggling with config… maybe there is a shortcode for doing it in a simpler way?

     

     

     

     

    Attachments:
    You must be logged in to view attached files.
    #178559
     Laura
    Moderator

    Hello, so at the left, 1 column of posts one below another OR 2 columns of big posts.
    And at the right, i see it fine, with the tabs
    I’m sorry if i understood wrong

    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 🙂

    #178571
     livellozero
    Participant

    hello. Thanks for reply. Yes it is a bit difficult in writing.
    The image which I attached is how I want it to be and is generated in photoshop

    the grid of big posts on the left shoud be:

    2 big posts horizontally
    4 big posts vertically

    so it will be 2 columns of big posts with 4 big posts x column

    then on the left a column of small posts as it is now

    #178691
     Laura
    Moderator

    Hello, i would need access to the wp-admin 🙂

    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 🙂

    #178737
     livellozero
    Participant
    This reply has been set as private.
    #178787
     Laura
    Moderator

    Hello, added this to the page css and changed a bit the layout
    div#tab-tutti .col-sm-6 {
    width: 100% !important;
    }
    div#tab-tutti article {
    width: 49% !important;
    float: left;
    margin-left: 1%;
    }
    div#tab-tutti article {
    width: 270px !important;
    float: left;
    margin-left: 1%;
    clear: none !important;
    padding: 0px !important;
    }

    But it needs an adjustment for the third post so i am going to assign this to @Radu maybe he know what to do there 🙂

    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 🙂

    #178800
     livellozero
    Participant

    Hello and thanks for the effort.
    The page is messed up right now. PLease check again the mockup which I sent earlier.

    The page like you did now has 3 columns while in fact they should be 2

    first column NEWS FOCUS with TABS
    second column INSTAGRAM feed

    the NEWS FOCUS container contains 3 columns (for each TAB)
    2 horizontally x 4 vertically big posts on the left
    1 horizontally x n vertically small posts on the right

    Hope you can manage to sort it out because we are struggling with this already since two weeks and I need to launch the website soon
    thanks

    mockup link: https://cdn.seventhqueen.com/sq-support/wp-content/uploads/2017/10/Immagine4.jpg

    #178801
     livellozero
    Participant

    Sorry again. I realize that mockup could be not very clear.

    I made a clearer version of it which shows the 2 page columns better

    Attachments:
    You must be logged in to view attached files.
    #179060
     Radu
    Moderator

    Hi,

    In the last post it’s clear what you need to achieve, but there is no quick solution to make the news focus element to render two columns for big pictures… i’ve tried some work-around to make that to look as you need but cannot….

    An alternative it’s to use the Kleo Posts elements and dividing the VC row in 3 columns line this
    frontend

    backend

    this is the whole shortcode of the page from screenshot

    COPY CODE
    
    [vc_row][vc_column width="1/3"][vc_posts_grid columns="2" show_footer="no"][/vc_column][vc_column width="1/3"][vc_posts_grid post_layout="small" show_meta="no" show_footer="no" ajax_post="" ajax_paged=""][/vc_column][vc_column width="1/3"][vc_single_image image="10498" img_size="medium" full_width="yes"][vc_single_image image="10498" img_size="medium" full_width="yes"][vc_single_image image="10498" img_size="medium" full_width="yes"][vc_single_image image="10498" img_size="medium" full_width="yes"][/vc_column][/vc_row]
    

    Cheers
    R.

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

    Thanks for the reply. As a matter of fact I was trying to preserve the tabs structure of the News focus widget.

    So basically some hard coding is needed

    Which clue should I give to 3rd party developers? Can you make an estimate of the number of hours needed?

    Thanks for the the help

    #179093
     Radu
    Moderator

    Hi,

    This is the file responsible for that module :
    /wp-content/plugins/k-elements/shortcodes/templates/kleo_news_focus.php

    If you will overwrite this file just copy the file to :

    wp-content/themes/kleo-child/k_elements (underscore not minus.)

    The number of hours depends by the coder and by the code quality and also by the rate per hour.

    Also you can ask our development team about a quote related to this at this address dev@seventhqueen.com

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?