Show posts plugin number of columns

[cathyParticipant]

Hi,

Using the Show posts plugin with Weaver Xtreme Plus, I’m wondering if there is a way to get more than 3 columns wide. I’m currently using a slider here: https://skokiechamber.org/ for the sponsors (mid-page). It’s set to show 8 across. Client now wants to remove the slider function and show the sponsors all at once in multiple rows. So I tried changing the slider to show posts but I want to keep the spacing as it was with 8 across but the plugin only allows a max of 3. Is there a way around that, maybe using CSS?

Thanks,

Cathy

 

 

[scramblerModerator]

We can give you CSS to increase the number of column in the show post, but you need to clarify how many columns on small tablet and on phones, as 8 columns on phone would be unreadable.

You also need to give you a link to the page with the show posts in place set for three columns

[cathyParticipant]

I’m not worried about the mobile look because I already have coding in place to show a slider with only two across using the show_if device shortcode. This will be staying because it would be too many rows. So only the desktop version would need the 8 columns.

It would be the same link to the home page. I had tried it but took it out when it didn’t look good. Do you need me to put it in again to see something?

[scramblerModerator]

Yes I need the Show post set to three columns in place to be sure of the CSS

Or you can read the article below and come up with it yourself

https://guide.weavertheme.com/display-posts-in-more-than-3-columns/

 

[cathyParticipant]

Ok, I’ll give a shot and see if I need more help. I’m hesitant to leave a change on their home page that’s going to look bad.

Thanks, Scrambler!

 

[cathyParticipant]

I got the logos the way I went but there is something odd. Below the first three rows, there should be text above the fourth row identifying that row as “Advertisers” that is missing even though I can see the code in View Source.

[scramblerModerator]

it is there but floated inside the posts.

You need to add clear:both to your title so it clears the floated posts.

You can put it inline with the h4 tag

<h4 style="clear:both;"....

 

[cathyParticipant]

Thanks! Worked.

[Author]

Posts