NEWS FOCUS formatting

[livellozero]

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.

[Laura]

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 🙂

[livellozero]

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

[Laura]

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 🙂

[livellozero]

This reply has been set as private.

[Laura]

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 🙂

[livellozero]

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

[livellozero]

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.

[Radu]

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

What support service includes ? What not ?

[livellozero]

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

[Radu]

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

What support service includes ? What not ?

[Author]

Posts